خانه / کامپیوتر / اموزش / آموزش برنامه نویسی HTML (قسمت ۲۹)

آموزش برنامه نویسی HTML (قسمت ۲۹)

در آموزش قبل با اصول ساخت و استفاده از جداول در طراحی صفحه با HTML آشنا شدیم. در این آموزش قصد داریم کار با جدول HTML شامل رنگ زمینه، نحوه قرارگیری افقی و عمودی و … را توضیح داده و به کار ببریم .

 

در آموزش قبل چندین جدول ساختیم که در تعداد ردیف و ستون با هم متفاوت بودند، در این آموزش بر روی شکل جدول کار میکنیم .

از شناسه های Width و height میتوانید برای مشخص کردن طول و عرض جدول استفاده کنید :

11111

ما میتوانید از شناسه align در تگ TD استفاده کنیم که در جداول دارای سه مقدار زیر است :

  • right
  • left
  • center

به نمونه زیر توجه نمایید :

sssssss

حالا به این حالت توجه فرمایید که با دادن height به جدول متن های هر باکس در وسط هر بخش قرار میگیرند :

87698679876

اگر بخواهیم نحوه قرارگیری محتویات سلولها را به صورت عمودی تنظیم کنیم، می توانیم از شناسه valign که مخفف کلمه vertical align است استفاده کنیم که دارای سه مقدار است :

  • Top
  • Middle
  • Bottom

به نمونه زیر توجه فرمایید :

545554

مشاهده میفرمایید که با قرار دادن شناسه valign در TD محتوا در باکس ها جابجا می شود.

 

جدول زیر را در نظر بگیرید :

ytryurtuyrt

جدول فوق دارای سه ردیف و سه ستون می باشد ، حال اگر جدول ما مرتب نباشد یک جدول نامرتب خواهیم داشت مانند زیر :

 

65465465465

در جدول فوق ردیف دوم دارای دو TD است اما ردیف اول دارای سه TD و دارای محتوای بیشتری می باشد به همین دلیل ظاهر جدول ما نامرتب شده است.

اگر ما بخواهیم فضای خالی ردیف دوم توسط TD سوم در ردیف اول تکمیل شود باید از شناسه Rowspan استفاده کنیم که دارای مقادیر عددی است ، که عدد ورودی به معنی ارتفاع معادل چند سلول است، حال جدول بالا را به شکل زیر مینویسیم  :

876987698769876

به این صورت ما میتونیم فضای خالی را پر کنیم، حالا یک حالت دیگر جدول را در نظر میگیریم :

aaaaaaaaaaaaaaaaa

در جدول فوق ردیف اول فقط یک TD دارد در صورتی که ردیف دوم دارای سه TD است بنابراین برای پر کردن فضای خالی از Colspan استفاده میکنیم که این شناسه اندازه TD را بر حسب تعداد سلول های افقی را مشخص میکند که به شکل زیر میتوانید از آن استفاده کنیم :

fdsfdsgfds

 

شما می توانید در صورت تمایل رنگ زمینه جدول، سطر، ستون یا هر سلول را در جدول که بخواهید تغییر دهید.
برای تعیین کردن رنگ زمینه برای جدول باید این شناسه bgcolor  را در تگ جدول به کار ببرید و رنگ مورد نظر خود را در این شناسه به کار ببرید.

اگر شناسه bgcolor را در تگ table به کار ببرید پس زمینه کل جدول به رنگ مورد نظر در می آید.

اگر شناسه bgcolor را در تگ tr به کار ببرید پس زمینه کل ردیف به رنگ مورد نظر در می آید.

اگر شناسه bgcolor را در تگ td به کار ببرید پس زمینه سلول مورد نظر به رنگ مورد نظر در می آید.

و همچنین اینکه شما میتوانید به طور همزمان از هر سه استفاده کنید:

674765476

ما از شناسه bgcolor در table و در tr ردیف دوم و همچین در هر سه td ردیف پنجم استفاده کردیم .

 

 

ما به طور کلی در این آموزش با کار با جدول HTML شامل رنگ زمینه، نحوه قرارگیری افقی و عمودی و … آشنا شدیم ، در آموزش بعد به اصول طراحی فریم و صفحات حاوی فریم میپردازیم.


موفق باشید.

 

 دانلود سورس آموزش این جلسه (حجم : ۱ کیلوبایت)

درباره ی nasimazadi

همچنین ببینید

واحد پردازش مركزي CPU 

واحد پردازش مركزي CPU مدت زمان انجام يك كار بوسيله كامپيوتر، به عوامل متعددي بستگي …

پاسخ دهید

%u0637%u0631%u0627%u062D%u06CC %u0633%u0627%u06CC%u062A
طراحی سایتسئوفروش ویلا و اجاره ویلاسرویس و تعمیر کولر گازیاجاره ویلافروش ویلا