با استفاده از جدول HTML

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

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

اگر شما نمی خواهید به همیشه یک تازه کار باقی می ماند، بلافاصله مورد استفاده برای انجام همه چیز به درستی. این در HTML زبان بسیار مهم است. جدول باید از این اطلاعات فقط معمول (متن، لینک، لیست ها، تصاویر، و غیره. ص)، و نه کل سایت به عنوان یک کل قرار گرفته است.

چگونه به یک HTML جدول؟

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

اگر شما یک وب سایت را در "دفترچه یادداشت"، سپس همه چیز را باید انجام دهید با دست خود. اگر در ویرایشگر نهایی است، معمولا یک دکمه وجود دارد - "درج جدول"، "تصویر درج" و غیره.

مثال 2 جدول 2.

<عرض میز = "100٪" مرز = "1">

متن برای خط اول از اولین سلول

متن از خط دوم از اولین سلول

متن از سلول اول سطر دوم

متن از سلول دوم سطر دوم

برچسب ها <جدول> و را نشان می دهد در ابتدا و انتهای جدول. برچسب ها و - آغاز و پایان خط. در همان خط می تواند هر تعداد از سلول است که توسط تگ و تعریف شده است.

قانون اصلی این است: تعداد سلول در هر سطر باید همان باشد. این یک جدول است.

اما، همانطور که در ورد و اکسل ویرایشگر، سلول ها را می توان با یکدیگر ترکیب شده است.

چگونه به ترکیب سلول ها در یک جدول؟

برای ترکیب و استفاده از Colspan Rowspan ویژگی های. span به عنوان "پوشش" و یا "با هم تداخل دارند" ترجمه شده است. معنای تحت اللفظی - برای پوشش / بستن سلول / سطر.

ارزش این ویژگی باید مشخص کنید که چگونه بسیاری از ردیف ها یا سلول های مسدود خواهد شد. در زیر یک مثال از استفاده از هر دو است ویژگیها HTML در جدول است.

در این مثال، اولین خط 3 سلول با استفاده از ویژگی colspan = "3" هم مخلوط. سپس سلول اول از رشته دوم در چهار ردیف کشیده شده است. به یاد داشته باشید که کشش / ترکیب تنها در سلول اول. اموال او روی گسترش یافته است. همه که قبل از می آید، خواهد شد نمی شود.

اگر شما 5 سلول های شما می خواهید به ادغام از 2 به 4، پس شما نیاز دارید فقط در تعداد سلول 2 مشخص صفت colspan = "3".

توجه داشته باشید که تعداد شکاف 9 در شکل بالا. مخلوط بلافاصله وجود دارد و سلول ها و ردیف. اعمال چنین ممنوع است.

در یک مثال دیگر برای ایمن کردن اطلاعات است. از آنجا که برخی اشتباه ها و ویژگی های به جای ردیف سلول گاهی اوقات ترکیب شده است.

قالب جدول

نگاهی به عادی، مورد استاندارد های HTML. جدول دو ردیف از هر دو سلول.

از کد به شرح زیر است.

همانطور که می بینید، هیچ عوارض وجود دارد. شما می توانید یک قاب اضافه، مشخص عرض و ارتفاع.

شما همچنین می توانید با تراز بازی کند. می توان آن را در هر دو ارتفاع و عرض تراز وسط قرار دارد.

تراز به تراز افقی و valign - عمودی. که چنین نتیجه است.

صفات چین و valign را می توان به کل خط اعمال می شود. سپس تمام سلول که در آن هستند مشمول این ویژگی ها است.

علاوه بر این به تگ و است، یک برچسب اضافی <هفتم> وجود دارد. در واقع آن آنالوگ از است، اما آن است که تنها در سطر اول و عنوان است استفاده می شود. به طور پیش فرض، متن را در <هفتم> محور است و در تیره می کند.

چگونه برای اتصال سبک به جدول؟

مانند هر HTML برچسب ها، جدول را می توان با استفاده از سبک های تبدیل شده است. شما نیاز به مشخص کردن فایل سبک در سر <لینک نگارش = "شیوه" عکاس هنگام عکسبرداری = http: // باشد سایت /article/255972/٪E2٪80٪9Cstyle.css٪E2٪80٪9D نوع = "متن / CSS"> یا سبک آماده (به عنوان در سر اعلام کرد).

<سر>

...

<نوع سبک = "متن / CSS ">

جدول {

فونت خانواده: Verdana، با Arial، دخان، بدون سریف؛

رنگ: # 000000؛

}

.my_class

{

رنگ: # 666666؛

}

...

اگر شما یک جدول را مشخص کنید، سپس این سبک به تمام جداول در صفحه اعمال خواهد شد. کاملا همه. اما، اگر شما استفاده از روش دوم، که نشان می دهد یک نام دلخواه با یک نقطه، پس از این سبک را می توان به هر جدول مورد نظر اعمال می شود، در حالی که دیگر تحت تاثیر قرار نمی.

<کلاس جدول = "my_class">

لطفا توجه داشته باشید که کلاس را می توان به عنوان یک برچسب برای جدول و برای یک سلول یا ردیف خاص استفاده می شود.

<جدول کلاس = "style_table" عرض = " 100٪" مرز = "1">

<کلاس TD = "style_td1"> متن از خط اول از اولین سلول

<کلاس TD = "style_td2"> متن از خط دوم از اولین سلول

متن از سلول اول سطر دوم

متن از سلول دوم سطر دوم

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

ویژگی های اضافی در جداول

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

چین	تراز افقی
valign	ترازبندی عمودی
زمینه	تصویر پس زمینه در سلول / جدول
رنگ پس زمینه	رنگ پس زمینه سلول
bordercolor	جدول رنگ قاب / سلول
ارتفاع	ارتفاع سلول
nowrap	بان کی مون قرار دادن متن در یک رشته است.
عرض	عرض سلول / جدول

همانطور که می بینید، با استفاده از HTML در جدول می تواند تعداد زیادی از "ابزار".

زیبا ایجاد شده با استفاده از جداول HTML. نمونه

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

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