HTML үстөл колдонуу

HTML, көптөгөн элементтер бар, алардын ар бири өз жолу менен уникалдуу болуп саналат. Мазмуну - абдан кызыктуу, таанымал жана олуттуу тийиш. Анын жардамы менен, сиз гана ыңгайлуу түрдө маалымат бере албайм, бирок, дагы бир сайт базаны куруу.

Буга чейин, дээрлик бардык Webmasters жайгашууда үстөл сайттар колдонуу. Башында, стол, аны менен бирге келген эмес. Ошондуктан, биз сайтты белгилеп блок бөлүү элементин колдонуу керек.

силер менен дайыма эле боло тушуруу бир жыгачта калышын каалашкан жок болсо, туура нерсени кылууга токтоосуз көнүү. Бул тил HTML абдан маанилүү болуп саналат. стол гана кадимки маалымат (текст, шилтемелерди, тизмелерди, сүрөттөрдү, жана башка. П.), ал эми бүтүндөй сайтыбызды толугу менен эмес, жайгаштырылууга тийиш.

стол HTML кантип түзүү керек?

Мазмуну - көп сандаган башка элементтерден турат татаал элемент. клеткаларды же сапты түзүп жатканда, ар дайым ошол замат теги жаап коюп керек экенин унутпа. Болбосо, ал учуп чыгат. браузерде Handler аны тапмайынча, элементтин аягында карап калат, баары столдун киргизүү улантылат. Натыйжада боткосу болот.

Сиз "Блокнот" бир сайтты жазып, анда баары өз колу менен эмне болот. акыркы редакторго болсо, адатта, кнопкасы бар - ж.б.у.с. "коюу стол", "коюу сүрөтү" жана.

2-МИСАЛ Мазмуну 2.

<Стол туурасы = "100%" чек = "1">

алгачкы клетканын биринчи сапта үчүн текст

алгачкы клетканын экинчи тексти

экинчи катар алгачкы клетканын тексти

экинчи саптын экинчи клетканын текст

Tags <стол> жана столдун башымын жана аягымын көрсөтүлөт. Tags жана - башымын жана сызыктын аягы. бир сапта Tags жана тарабынан аныкталат клеткалар ар кандай саны болушу мүмкүн.

негизги эреже: Ар бир катар клеткалар саны бирдей болууга тийиш. Бул стол болот.

Бирок, Word жана Excel редактору эле, клеткалар бири-бири менен айкалыштырылышы мүмкүн.

Кантип дасторконго клеткаларынын айкалыштырууга?

Коддон Текечер атрибуты биригип колдонуу үчүн. Span "жабуу" же "кабатталган" деп которулат. түзмө-түз мааниси - / клетка / сап жабуу жаап.

бул сапаттын наркы канча же клеткалар жабылып, кандайча көрсөтүлүүгө тийиш. төмөнкү эки пайдалануу мисалы көрсөтмөлүү HTML касиет столдо.

Бул мисалда, 3 алгачкы коддон касиетти = "3" колдонуп, клеткаларды топтолгон. Андан кийин, экинчи сап алгачкы клетка бетине төрт катар кылып жатты. / Ошол участок Эске гана алгачкы клетканын биригип. Анын мүлкү жайылтылат. алдына келип баарын таасир этпейт.

Сиз 2 4 биригүүгө келет 5-клеткалар бар болсо, анда сиз жөн гана 2-клетка номери бар атрибуттуу коддон көрсөтүү керек = "3".

Бул сүрөттөгү 9 оюн номерин Эскертүү. дароо эле топтолгон жана клеткалар менен катар бар. Мындай иш-аракеттер арам эмес.

маалыматты камсыз кылуу үчүн дагы бир мисал карап көрөлү. кээ бир адашып ордуна кээде аралаш клеткалардын катар касиет-жылдан бери.

стол жазуусу

HTML бир карапайым, стандарттуу алалы. Мазмуну эки клетканын ар бири эки катар.

кодексинин төмөнкүлөр болот.

Көрүнүп тургандай, эч кандай таасири жок. Сиз, бир тамга каркас кошуу туурасы, бийиктиги көрсөтүүгө болот.

Ошондой эле трассанын менен ойной алат. Ал бийиктиги, туурасы да шайкеш болот.

туурасынан тегиздөө келтирүү жана valign - тик. Бул, мисалы, бир натыйжа болот.

Касиет-сапаттары тегиздөө жана valign бүт сызыкка карата да колдонууга болот. Андан кийин ал бүт клеткалар бул өзгөчөлүктөргө дуушар болот.

тег тышкары жана , <р> кошумча теги бар. Чынында эле, бул аналогу болуп саналат, бирок ал биринчи жолу катары менен баратат гана колдонулат. Алыдын ала, <чи> борбору жана тайманбастык менен текст.

столго стилдерди кантип туташтыруу керек?

бир эле теги HTML, стол стилдеги аркылуу келген болот. Сиз башын стили билэни көрсөтүү керек <= шилтеме Отчёттун = "стилдер" адреси HTTP: // сайт /article/255972/%E2%80%9Cstyle.css%E2%80%9D түрү = "текст / CSS"> же даяр стили (башында айтылгандай).

<Башчысы>

...

<Стили түрү = "текст / CSS ">

стол {

арип-үй-бүлө: Verdana, Arial, Helvetica, Sans-Serif;

түс: # 000000;

}

.my_class

{

түс: # 666666;

}

...

Эгер үстөл көрсөтүү болсо, анда бул стили беттеги бардык үстөлдөр колдонулат. Албетте, ар бир адам. Бирок, башка таасир эмес, ал эми сен, анда бул стили каалагандай столго колдонсо болот, чекит менен эркин аталышы көрсөтүлөт экинчи ыкманы колдонуп, анда.

<Стол класс = "my_class">

Сураныч, класстар столдун үчүн материалдар катары пайдаланылат жана белгилүү бир клеткасында же катар үчүн мүмкүн деп белгилешет.

<Стол класс = "style_table" туурасы = " 100%" чек = "1">

алгачкы клетканын биринчи сапта тексти

алгачкы клетканын экинчи тексти

экинчи катар алгачкы клетканын тексти

экинчи саптын экинчи клетканын текст

Эгер сүрөтчү жерде бир жаңылыштык стили, натыйжасы көрө албайсыз. Бирок, эгерде стили каталар бар, бирок аттары эле, натыйжа болбойт. Ар бир үтүр же чекит маанилүү ролду ойнойт.

үстөлдөргө кошумча сыпаттары

Кандай стилдердин класстарга жазылган болот сапаттарын? столдор үчүн атайын колдонулат көптөгөн касиеттер бар. алардын негизги абдан пайдалуу болуп саналат карап көрөлү.

катарга түздөнүү	Horizontal борборго
valign	тигинен тегиздөө
маалымат	клетка / столдо чөйрө
bgcolor	арткы түсү клетканын
bordercolor	Түстүү стол / клеткалар
бийиктик	клетка бийиктиги
Айлык	бир сап менен түздөө текст тыюу салынат.
туурасы	Клетка / столдун туурасы

Көрүнүп тургандай, столдогу HTML колдонгон "куралдар" өтө көп санда болушу мүмкүн.

Beautiful HTML үстөл колдонуу менен түзүлгөн. мисалдар

Улам түрлөрүнө сизге сулуу столдун ар кандай түзө аласыз. Ал бардык эмне жана кандай көз каранды. Бул тамак-аш сыяктуу. курамы да, жана башка көптөгөн параметрлери көп Recipes болуп саналат.

Сиз HTML теги болсо, сиз көрүп тургандай, стол таанылгыс болуп кайра түзүлүшү мүмкүн. мүмкүн болгон чек элестетүүлөрдүн менен аныкталат.