Има много елементи в HTML ивсеки един е уникален по свой собствен начин. Масата е много интересен, търсен и сериозен предмет. Благодарение на него е възможно не само да се предостави информация по удобен начин, но и да се изгради цялата рамка на сайта.
Преди това почти всички уеб администратори са използвали таблици само за оформление на сайтове. Първоначално таблиците за това не бяха измислени. Затова, за да маркирате сайта, трябва да използвате блок елемент div.
Ако не искате винаги да бъдете начинаещ,свикнете веднага да направите всичко. Това е много важно в HTML езика. В таблицата трябва да поставите само обичайната информация (текст, връзки, списъци, изображения и т.н.), а не целия сайт.
Масата е сложен елемент, от който се състоиголям брой други елементи. Не забравяйте, че когато създавате клетки или линии, трябва винаги да поставяте затварящ маркер. В противен случай всичко ще отлети. Работникът в браузъра ще търси края на елемента и, докато го открие, ще включи всичко в таблицата. Резултатът ще бъде каша.
Ако напишете сайта в Notepad, всичко ще трябва да бъде направено на ръка. Ако в крайния редактор има обикновено бутони - "вмъкване на таблица", "вмъкване на изображение" и т.н.
Пример за таблица 2 на 2.
<ширина на таблицата = "100%" граница = "1">
tr> tr> table> Маркерите Основното правило: броят на клетките във всеки ред трябва да е еднакъв. Това е таблица. Но, както и в редактора Word и Excel, клетките могат да бъдат комбинирани един с друг. За комбиниране на атрибутите за използване Colspan и Rowspan. Span се превежда като "покритие" или "припокриване". Буквалното значение е да се покрият / припокриват клетки / линии. В стойността на този атрибут трябва да посочите колко редове или клетки ще бъдат обхванати. Следващото е визуален пример за използване на два атрибута HTML в дадена таблица. В този пример първата линия се комбинира 3клетки, използващи атрибута colspan = "3". След това първата клетка от втория ред беше разтеглена на четири реда. Не забравяйте, че се простираме / обединяваме само в първата клетка. Неговата собственост ще се разпростре допълнително. Всичко, което предстои, няма да бъде засегнато. Ако имате 5 клетки и искате да се слеете от 2 на 4, тогава трябва да зададете атрибута colspan = "3" точно в клетката на номер 2. Обърнете внимание на клетката номер 9 на фигурата по-горе. Те веднага обединиха клетките и струните. Такива действия не са забранени. Вижте още един пример за публикуване на информация. Тъй като някои атрибути на объркване и вместо клетки понякога обединяват струни. Вземете обичайния стандартен случай HTML. В таблицата има по два реда от две клетки. Резултатът от кода ще бъде както следва. Както виждате, няма никакви ефекти. Можете да добавите рамка, да зададете ширина и височина. Можете също така да играете с подравняване. Възможно е да се подравнява както по височина, така и по ширина. Подравнете, за да се изравнявате хоризонтално и валидирайте вертикално. Ето резултата. Атрибутите align и valign могат да се приложат към цялата линия. Тогава всички клетки, които са в него, ще се подчиняват на тези атрибути. Кроме тегов Подобно на всички HTML тагове, таблицата можетрансформиране по стил. Трябва да посочите стилов файл в областта на главата или готов стил (също посочен в главата). <Главата> ... таблица { фамилия: Verdana, Arial, Helvetica, sans-serif; цвят: # 000000; } .my_class { цвят: # 666666; } style> ... head> Ако току-що сте посочили маса, тогава този стилсе прилага за всички таблици на страницата. Абсолютно за всички. Но, ако използвате втория метод, където укажете произволно име с точка, тогава този стил може да се приложи към всяка желана таблица, без да се засягат останалите. Забележете, че класовете могат да се използват както за таг таблицата, така и за конкретна клетка или ред. tr> tr> table> Ако има грешка в името на стила,няма да видите резултата. Ако самият стил има грешки, но имената са едни и същи, няма да има ефект. Всяка запетая или двоеточие играе голяма роля. Какви атрибути могат да бъдат написани в класове стил? Има толкова много атрибути, които се отнасят специално за таблиците. Помислете за най-основните, които ще ви бъдат полезни. подравняване Хоризонтално подравняване valign Вертикално подравняване фон Фоново изображение на клетка / таблица BGCOLOR Цвят на фона на клетката BORDERCOLOR Цвят на таблицата / клетъчната рамка височина Височина на клетката nowrap Предотвратете прехвърлянето на текст в реда. широчина Ширина на клетката / таблицата Както можете да видите, можете да използвате HTML в таблицата с огромно количество "инструменти". Благодарение на стиловете можете да създавате различни красиви маси. Всичко зависи от това какво и как искате. Както виждате, ако използвате HTML тагове, таблицата може да бъде трансформирана до неузнаваемост. Границите на възможностите определят въображението ви. текст на първата клетка от първия ред td> текст на втората клетка от първия ред td> текст на първата клетка на втория ред td> текст на втората клетка на втория ред td> и table> показват началото и края на таблицата. Маркерите
и tr> са началото и края на реда. На един ред може да има толкова клетки, колкото искате, които се определят от маркерите и td>. Как да обединим клетките в една маса?
Декорация на маси
и , есть дополнительный тег . Всъщност, това е аналог на , но се използва само в първия ред и служи като заглавие. По подразбиране текстът в е центриран и удебелен. Как да свържете стиловете към таблицата?
текст на първата клетка от първия ред td> текст на втората клетка на първия ред td> текст на първата клетка на втория ред td> текст на втората клетка на втория ред td> Допълнителни атрибути за таблици
Красиви таблици, създадени с помощта на HTML. примери