Дизайн на уебсайт; Форматиране на таблици
След като научите HTML елементите за дефиниране на таблица, вижте как да повлияете на външния вид на таблицата. Езикът HTML също предоставя инструменти за това, но стандартът CSS2 предоставя много повече опции за форматиране.
От гледна точка на таблица със стилове таблицата е поле, което съдържа вътрешни полета за редове, колони или клетки. Все още има някои възможности за форматиране, но има такива, които не могат да бъдат дефинирани толкова лесно. Въз основа на това таблиците - тъй като са поставени или в поле на ниво блок, или в поле с редовно заменено съдържание - имат полета, рамки, вътрешни полета и съдържание.
Съответно, елементът TABLE създава анонимно поле, което съдържа полето, съдържащо самата таблица, и поле, съдържащо името на таблицата, ако последното съществува. И двете кутии имат свои полета, рамки, вътрешни полета и съдържание. Размерите на анонимната кутия са възможно най-малки, което включва таблицата и полето с име. Полите между таблицата и полето се обединяват, ако двете полета са едно върху друго. Преместването на таблицата премества цялото поле, така че премества и полето със заглавие.
Местоположение на адреса
Адресът може да бъде разположен на всички четири страници в сравнение с таблицата, въпреки че по подразбиране ще се появи над него. Ако искате да го покажете на друго място, можете да използвате функцията от страната на надписите, за да го преместите на друго място.
Ширината на адресното поле е същата като ширината на таблицата за долно или горно разположение. Разбира се, ситуацията е различна, ако се постави отстрани. Разбира се, това е вярно само докато ширината на полето не бъде зададена на определена стойност с помощта на свойството width.
Позицията на текста на заглавието в полето може да бъде зададена по обичайния начин, т.е. хоризонтално със свойството text-align и вертикално със свойството vertical-align.
Например, задайте адреса отдолу, със същата ширина като вашата таблица, с лявото подравняване:
Вътрешна стратификация на масата
Това е добре известно, защото може да повлияе на фона, който се появява. Подобно на останалите елементи, вътрешните елементи на таблицата създават правоъгълни полета със съдържание, вътрешни полета и рамка. Те обаче нямат марж.
Всъщност можем да си представим, че редовете и колоните определят решетка и всяка кутия е опъната върху тези решетки. И двата реда, групата колони или клетката. Всичко това ще бъде много важно за нас, за да можем да разберем къде ще изглежда задният двор.
Фигурата по-долу показва насложените слоеве на всяка група и клетка, извлечени от стандарта. Навсякъде виждаме цвета, който достига до него, защото няма друг зададен цвят над него: или няма нищо над него, или това, което е над него, е средният цвят.
Фонът на което и да е от полетата във всеки слой може да се зададе със свойствата на фона или да се превърне в абстрактна дума, като в този случай основните цветове ще бъдат видими. Празните клетки винаги са прозрачни.
Следващият пример илюстрира слоевете. В първия ред има четири клетки, но вторият ред не съдържа клетки, така че фонът на таблицата е видим, освен там, където се намира първият ред клетки.