HTML кестесін пайдалану

HTML, онда соншалықты көп элементтері болып табылады, және олардың әрқайсысы өз жолында бірегей болып табылады. Кесте - өте қызықты танымал және күрделі пән. Оның арқасында, сіз ыңғайлы нысанда ақпаратты бере алады ғана емес, сонымен қатар торап арқаулық жүйесін салу.

Бұрын, барлық дерлік Вебмастерге макет үшін кестелерді пайдалана сайттар болып табылады. Бастапқыда, кесте ойлап емес. Сондықтан, біз сайтты белгілеу үшін блок DIV элементін пайдалану керек.

Сіз әрқашан бастаушы қалуға қажет болмаса, дұрыс бәрін жасауға дереу үйренесің. Бұл тіл HTML өте маңызды болып табылады. кесте тек әдеттегі ақпарат (мәтін, сілтемелер, тізімдер, суреттер және т.б.. P.) орналастырылған емес, тұтастай алғанда бүкіл сайт керек.

кесте HTML қалай жасауға болады?

Кесте - басқа элементтер үлкен санынан тұратын күрделі элементі. ұяшықтарды немесе жолдарды құру кезінде әрқашан бірден тегті жабу қоюға керек екенін есте сақтаңыз. Әйтпесе, ол ұшады. браузерде өңдегіші ол оны тапқанша, бәрі кестеде қамтуы жалғастырады, элементтің соңына іздейді және болады. нәтижесі каша болады.

Егер сіз «Блокнот» жылы веб-сайт жазып болса, онда бәрі өз қолыңызбен жасауға болады. т.б. «суретті кірістіру» және «Кестені кірістіру» - соңғы редакторында болса, түйме, әдетте бар.

2-мысал 2-кесте.

<Үстел Ені = «100%» Шекара = «1»>

бірінші ұяшыққа бірінші желісі үшін мәтін

бірінші ұяшыққа екінші желісі мәтіні

екінші жолдың бірінші ұяшығына мәтіні

Екінші жолдың екінші ұяшыққа мәтін

Tags <үстел> және кестенің басталу және аяқталу көрсетеді. Tags және - басы мен аяғында желісі. сол жолда тегтері және анықталады жасушаларының кез келген сан бола алады.

Негізгі ереже болып табылады: әр қатарда жасушаларының саны бірдей болуы тиіс. Бұл кестенің.

Бірақ, Word және Excel редакторында ретінде, клеткалар бір-бірімен аралас болуы мүмкін.

Кестеде ұяшықтарды біріктіруге қалай?

біріктіру және пайдалану үшін Colspan Rowspan атрибуттары. Span «жабу» немесе «шарасыз» ретінде аударылады. Әріптік мағынасы - жабу үшін / жабу ұялы / жол.

Бұл төлсипаттың мәні бұғатталады қанша жолдар немесе ұяшықтар көрсетуіңіз керек. мынадай екі пайдалану жарқын үлгісі болып табылады HTML атрибуттар кестеде.

= «3» атрибуты colspan пайдаланып Бұл мысалда, бірінші желісі 3 біріктірілген ұяшықтар. Содан кейін екінші жолдың бірінші ұяшық төрт қатарларға созылған. бұл созу Есіңізде / бірінші ұяшыққа ғана біріктіреді. Оның меншік таралады. бұрын келеді бәрі, әсер етпейді.

Сіз 2-ден 4-ке дейін біріктірілетін 5 ұяшықтарды бар болса, онда сіз жай ғана ұялы нөміріне 2 қажет атрибут colspan = «3» көрсетіңіз.

Жоғарыдағы суретте ұясы санын 9 Ескерту. Онда бірден біріктіреді және жасушалар мен жолдар. Мұндай iс-әрекеттерге тыйым жоқ.

ақпаратын қорғау үшін тағы бір мысал қараңызшы. кейбір шатастырып бастап, кейде аралас жасушаларының жолдар орнына атрибуттары.

Кесте пішімі

HTML қарапайым, стандартты іс алыңыз. екі жасушаларының әр кесте екі жолдар.

төмендегідей код болады.

Өздеріңіз көріп отырғандай, ешқандай әсері жоқ. Сіз, жақтауды қосу ені және биіктігі көрсетуге болады.

Сіз сондай-ақ теңестіру ойнауға болады. Ол биіктігі мен ені де тураланған болады.

көлденең туралауды туралап, valign - тік. Яғни осындай нәтиже ғой.

Нышандар туралау және valign бүкіл желісі қолданылуы мүмкін. Содан кейін оған барлық клеткалар осы атрибуттардың мәні болады.

тег және Сонымен қатар, <ші> қосымша тег бар. Шын мәнінде, ол аналогы болып табылады, бірақ ол тек бірінші қатарда пайдаланылады және бара жатыр. Әдепкіде, <ші> бағдарланған және батыл отыр мәтін.

кестеде стильдер қалай қосуға болады?

кез келген сияқты тегтер HTML, кесте мәнерлерінің арқылы айналдыруға болады. Сіз басынан стилі файлды көрсету үшін қажет немесе дайын стилі (басшысы көрсетілген).

...

<Стилі түрі = «мәтін / CSS »>

Кесте {

қаріп-отбасы: Verdana, Arial, Helvetica, Sans-Serif;

түсі: # 000000;

}

.my_class

{

түсі: # 666666;

}

...

Егер кестені келтірілмесе, онда бұл стиль беттегі барлық кестелер қолданылады. Мүлдем әркім. Егер сіз нүктемен еркін атауын көрсетеді екінші әдісі, қолдану, егер басқа қозғайтын емес, ал бірақ, содан кейін осы стиль, кез-келген қалаған кестеге қолданылуы мүмкін.

<Үстел класс = «my_class»>

Сынып кесте үшін және белгілі бір ұяшық немесе жолдың үшін тег ретінде пайдаланылуы мүмкін екенін ескеріңіз.

<Үстел класс = «style_table» ені = « 100%» Шекара = «1»>

бірінші ұяшыққа бірінші желісі мәтіні

бірінші ұяшыққа екінші желісі мәтіні

екінші жолдың бірінші ұяшығына мәтіні

Екінші жолдың екінші ұяшыққа мәтін

бір жерде суретшінің стилі қате болса, нәтиже көре алмайды. Алайда, стилінде қателер бар, бірақ атаулары бірдей, әсері болуы мүмкін емес болса. Әрбір үтір немесе тоқ ішектің маңызды рөл атқарады.

кестелерде Қосымша атрибуттары

Қандай атрибуттар мәнер сыныптары жазылған болуы мүмкін? кестелерге арнайы қолданылады көптеген атрибуттары бар. оның ең негізгі өте пайдалы болып табылады қарастырайық.

туралау	Horizontal Alignment
valign	Vertical Alignment
фон	жасуша / кестеде фондық сурет
bgcolor	фон түсі ұяшық
bordercolor	Frame түсті кесте / жасушалар
биіктік	жасуша биіктігі
nowrap	Жолдың мәтінді көшіру тыйым.
ені	жасуша / кесте ені

Өздеріңіз көріп отырғандай, кестеде пайдалану HTML «құралдар» үлкен саны болуы мүмкін.

Әдемі HTML кестелерді пайдаланып жасалған. мысалдар

Арқасында сіз әдемі кестенің әр түрлі жасай аласыз стильдер үшін. Ол барлық нәрсені және қалай сізге ұнайды, байланысты. Бұл пісіру сияқты. ингредиенттер бірдей, және одан параметрлер көптеген рецептер.

Өздеріңіз көріп отырғандай, сіз HTML тегтерін пайдалансаңыз, үстел танымастай болады. Сіздің қиял анықталады мүмкін шектері.