Използване на HTML маса

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

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

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

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

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

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

Пример 2 Таблица 2.

<Ширина маса = "100%" граничен = "1">

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

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

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

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

Етикети <маса> и посочват началото и в края на масата. Етикети и - в началото и в края на линията. В същия ред може да бъде произволен брой клетки, които са определени от маркерите и .

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

Но, както в Word и Excel редактор, клетките могат да се комбинират помежду си.

Как да се съчетаят клетки в таблица?

За да се комбинират и да използвате ColSpan Rowspan атрибути. Span е преведен като "покритие" или "припокриване". Буквално смисъла - за покриване / затваряне на клетка / ред.

Стойността на този атрибут трябва да определи как ще бъдат блокирани много редове или клетки. По-долу е илюстративен пример за използване както HTML атрибути в таблицата.

В този пример, първият ред 3 обединени клетки, използвайки атрибут ColSpan = "3". След първата клетка на втория низ протегна в четири реда. Не забравяйте, че участък / комбинирате само в първата клетка. Нейният имот е разпространил върху. Всичко, което идва преди, няма да бъдат засегнати.

Ако имате 5 клетки, които искате да обедините от 2 до 4, а след това имате нужда само от броя на клетките 2 уточни атрибут ColSpan = "3".

Имайте предвид броя слот 9 на фигурата по-горе. Има събрани веднага и клетките и редове. Такива действия не са забранени.

Вижте още един пример за осигуряване на информация. Тъй като някои бърка и атрибути вместо редове от клетки понякога комбинирани.

Формат на маса

Вземете един обикновен, стандартен случай на HTML. Таблица две редици от две клетки всяка.

на кода ще бъде, както следва.

Както можете да видите, няма ефект. Можете да добавите рамка, уточни ширината и височината.

Можете също така да играят с подреждането. Тя може да бъде приведено в съответствие с височина и на ширина.

Изравнете да приведе в хоризонтално и valign - вертикално. Това е такъв резултат.

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

В допълнение към тага и , има допълнителна таг <ти>. В действителност тя е аналог на , но тя се използва само в първия ред и е начело. По подразбиране, текста в <ти> е центрирана и с удебелен шрифт.

Как да се свържете стилове на масата?

Като всеки тагове HTML, таблицата може да се преобразува чрез стилове. Трябва да посочите файла стил в главата <линк относителна = "стилове" HREF = HTTP: // сайт тип /article/255972/%E2%80%9Cstyle.css%E2%80%9D = "текст / CSS"> или готов стил (както е посочено в главата).

<Глава>

...

<Тип стил = "текст / CSS ">

маса {

шрифт семейство: Verdana, Arial, Helvetica, безсерифен;

цвят: # 000000;

}

.my_class

{

цвят: # 666666;

}

...

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

<Маса клас = "my_class">

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

<Маса клас = "style_table" широчина = " 100%" граничен = "1">

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

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

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

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

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

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

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

подравняване	Хоризонтално подравняване
valign	вертикално подравняване
фон	Предшестващо състояние на изображението в клетка / таблицата
BGCOLOR	Цветът на фона на клетката
BORDERCOLOR	Frame цвят маса / клетки
височина	височина клетка
nowrap	Забрана обвивка текст в низ.
широчина	Ширината на клетка / таблицата

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

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

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

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