Таблиците са
важен инструмент при създаването на една уеб-страница. Понякога цялата страница е
разположена в таблица, чиито редове и колони оформят различните части на
HTML-документа( в HTML5 това е семантично грешно).
Таблиците в HTML-документа са разположени между двата основни тага <table> и </table>.
Между тези два тага се изписват:
1. таговете за табличен ред - <tr> и </tr>
2. таговете за таблична клетка, чрез които се оформят редовете и колоните - <td> и </td>
За да има таблицата видими очертания трябва в тага table да се добави атрибута border и да му се зададе някаква стойност, например 1.
ДРУГИ ТАГОВЕ, КОИТО СЕ ПОЛЗВАТ В ТАБЛИЦИТЕ
1. Чрез тага <th> </th> се задава заглавие на таблицата. Всеки текст разположен между таговете <th> и </th> се показва в центъра на клетката и удебелен.
2. Таговете <thead> </thead>, <tfoot> </tfoot> и
<tbody> </tbody> позволяват групиране на редовете на таблицата.
Една таблица може да съдържа горна част (head), долна част (foot) и средна част или "тяло" (body). Ако в тялото (средната част) на таблицата е поместена много информация, уеб-дизайнера ще "загуби от поглед" горната и долната част на таблицата. За удобство и прегледност в текстовия редактор, където се пише HTML-кода, чрез таговете <thead>, <tfoot> и <tbody> горната и долната част на таблицата могат да се групират непосредствено една под друга, а "тялото", т.е. средната част на таблицата да се изпише най-отдолу. В браузъра горната част на таблицата ще се показва най-горе, средната част - по средата и долната част - най-долу.
АТРИБУТИ НА ТАГА <TABLE>
border="цифрова стойност" задава рамка на таблицата в пиксели
Таблиците в HTML-документа са разположени между двата основни тага <table> и </table>.
Между тези два тага се изписват:
1. таговете за табличен ред - <tr> и </tr>
2. таговете за таблична клетка, чрез които се оформят редовете и колоните - <td> и </td>
За да има таблицата видими очертания трябва в тага table да се добави атрибута border и да му се зададе някаква стойност, например 1.
ДРУГИ ТАГОВЕ, КОИТО СЕ ПОЛЗВАТ В ТАБЛИЦИТЕ
1. Чрез тага <th> </th> се задава заглавие на таблицата. Всеки текст разположен между таговете <th> и </th> се показва в центъра на клетката и удебелен.
2. Таговете <thead> </thead>, <tfoot> </tfoot> и
<tbody> </tbody> позволяват групиране на редовете на таблицата.
Една таблица може да съдържа горна част (head), долна част (foot) и средна част или "тяло" (body). Ако в тялото (средната част) на таблицата е поместена много информация, уеб-дизайнера ще "загуби от поглед" горната и долната част на таблицата. За удобство и прегледност в текстовия редактор, където се пише HTML-кода, чрез таговете <thead>, <tfoot> и <tbody> горната и долната част на таблицата могат да се групират непосредствено една под друга, а "тялото", т.е. средната част на таблицата да се изпише най-отдолу. В браузъра горната част на таблицата ще се показва най-горе, средната част - по средата и долната част - най-долу.
АТРИБУТИ НА ТАГА <TABLE>
border="цифрова стойност" задава рамка на таблицата в пиксели
cellpadding="цифрова стойност или процент" задава разстоянито между съдържанието на клетката и стените и в пиксели или процент
cellspacing="цифрова стойност или процент" задава разстоянито в пиксели или процент между отделните клетки
АТРИБУТИ НА ТАГА <TD>
colspan="цифрова стойност" определя колко колони обхваща една клетка
rowspan="цифрова стойност" определя колко реда обхваща една клетка
Няма коментари:
Публикуване на коментар