Използване на HTML в таблица

В HTML има толкова много елементи, всеки от които е уникален по свой собствен начин. Масата е много интересен, изискван и сериозен предмет. Благодарение на него можете не само да предоставите информация в удобна форма, но и да създадете цяла рамка на сайта.

Преди това почти всички уебмастъри използват таблици за оформление на сайта. Първоначално таблици за това не бяха измислени. Следователно, за маркиране на сайта, трябва да използвате елемента блок div.

Ако не искате винаги да сте начинаещ, свикнете веднага да направите всичко. Това е много важно в HTML. В таблицата трябва да поставите само обичайната информация (текст, връзки, списъци, изображения и т.н.), а не целия сайт.

Как да направите HTML таблица?

Масата е сложен елемент, който се състои от голям брой други елементи. Не забравяйте, че когато създавате клетки или редове, трябва винаги да поставяте заключителен маркер наведнъж. В противен случай всичко ще отлети. Ръководителят в браузъра ще търси края на елемента и, докато не го намери, всичко останало ще бъде включено в таблицата. Резултатът ще бъде каша.

Ако пишете уеб сайт в "Notepad", тогава всичко, което трябва да направите с ръцете си. Ако в завършения редактор има обикновено бутони - "вмъкване на таблица", "вмъкване на изображение" и т.н.

Пример за таблици от 2 до 2.

текста на първата клетка от първия ред

текста на втората клетка на първия ред

текста на първата клетка на втория ред

текста на втората клетка на втория ред

тагове

Основното правило: броят на клетките във всеки ред трябва да бъде еднакъв. Това е таблица.

Но, както в редактора на 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-

}

...

Ако сте задали само таблица, този стил ще се прилага за всички таблици на страницата. Абсолютно на всички. Но, ако използвате втория метод, което показва, произволно име с точка, а след това този стил може да се приложи към всеки желан маса, макар и да не влияе на другия.

Обърнете внимание, че класовете могат да се използват както за маркера на таблицата, така и за конкретна клетка или низ.

текста на първата клетка от първия ред

текста на втората клетка на първия ред

текста на първата клетка на втория ред

текста на втората клетка на втория ред

Ако има грешка в името на стила, няма да видите резултата. Ако има грешки в самия стил, но имената съвпадат, няма да има ефект. Всяка запетая или дебелото черво е важно.

Допълнителни атрибути за таблици

Какви атрибути могат да бъдат написани в класове стил? Има толкова много атрибути, които се отнасят за таблици. Помислете за най-основното, от което се нуждаете.

Както можете да видите, можете да използвате HTML в таблицата с огромен брой "инструменти".

Красива създадена с помощта на HTML таблици. примери

Благодарение на стиловете можете да създадете различни красиви маси. Всичко зависи от това, което ви харесва и как. Това е като готвене. Съставките са еднакви, но има много рецепти.

Както можете да видите, ако използвате HTML тагове, таблицата може да бъде трансформирана без признание. Ограниченията на възможностите се определят от вашето въображение.