Тагове на HTML таблици - Научете примерите за HTML маркери на таблица със синтаксис

• Въведение в етикетите на Html таблица

Въведение в етикетите на Html таблица

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

маркер. По подразбиране данните на таблицата се оставят подравнени. В тази тема ще научим повече за маркерите на HTML таблици.

Таблицата може да бъде създадена чрез използване

тагове.

• Най-

tag указва редовете на таблицата, които се използват за създаване на ред.

Данните от таблицата могат да бъдат структурирани в рамките на

,	, и
таг определя заглавието на таблицата. Най-	таг определя клетките с данни на таблицата, които се използват за направата на колоната. Най-

съдържание на таблицата с многобройни елементи на масата.

Синтаксис

Заглавие на таблицата 1	Заглавие на таблицата 2
Клетка с данни 1	Клетка с данни 2
Клетка с данни 3	Клетка с данни 4

Примери за етикети на HTML таблици

Ето примери за HTML Тагове за таблици, дадени по-долу

1. Основна употреба на таблицата



HTML Table Tag Usage



име	Страна
Dhoni	Индия
Дейвид Милър	Южна Африка
Джо Корен	Англия

Запишете кода с разширение .html и го отворете в браузъра. Той ще покаже следния изход:

2. Надпис на таблицата

Надписът за таблицата може да бъде определен с помощта на < caption > тага.

пример



HTML Table Tag Usage



Това е надпис на таблица

име	Страна
Dhoni	Индия
Дейвид Милър	Южна Африка
Джо Корен	Англия

Горният код ще покаже изхода по-долу:

3. Таблица между клетките

Пространството на клетките на таблицата може да бъде дефинирано с помощта на атрибута cellpacing. Атрибутът cellpacing указва пространството между клетките на таблицата.

пример



HTML Table Tag Usage



име	Страна
Dhoni	Индия
Дейвид Милър	Южна Африка
Джо Корен	Англия

Горният код ще показва следния изход:

4. Подложка за клетка за маса

Подплънката на клетките на таблицата може да бъде дефинирана чрез използване на атрибута cellpadding. Размерът на атрибута за клетъчни разстояния между границата на клетката на таблицата и данните.

пример



HTML Table Tag Usage



име	Страна
Dhoni	Индия
Дейвид Милър	Южна Африка
Джо Корен	Англия

Горният код ще покаже изхода по-долу:

5. Атрибути на колоната и редовете

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

пример



HTML Table Tag Usage



Колона първа	Колона втора	Колона трета
Ред първи	Ред втори	Ред трети
	Ред четвърти	Ред пети
Ред шести

Кодът показва следния изход:

6. Основи за табл

Фонът на таблицата може да бъде създаден с помощта на атрибута bgcolor. Граница на клетката на таблицата може да бъде определена с помощта на атрибута color-color.

пример



HTML Table Tag Usage



име	Страна
Dhoni	Индия
Дейвид Милър	Южна Африка
Джо Корен	Англия

Изпълнете горния код и той ще покаже изхода по-долу:

7. Височина и ширина на масата

Височината и ширината на таблицата могат да бъдат зададени с помощта на атрибути за ширина и височина.

пример



HTML Table Tag Usage



име	Страна
Dhoni	Индия
Дейвид Милър	Южна Африка
Джо Корен	Англия

Горният код ще показва следния изход:

8. Стилизиращи клетки клетки

пример



HTML Table Tag Usage

table, th, td (
border: 1px solid red;
border-collapse: collapse;
)
th, td (
padding: 15px;
)
table#mytable tr:nth-child(even) (
background-color: #FAD7A0;
)
table#mytable tr:nth-child(odd) (
background-color: #E67E22;
)
table#mytable th (
color: white;
background-color: teal;
)



име	Страна
Dhoni	Индия
Дейвид Милър	Южна Африка
Джо Корен	Англия

Изпълнете горния код, ще имате следния изход:

8. Вложени таблици

Можете да използвате една таблица вътре в друга таблица се нарича вложена таблица.

Нека разгледаме следния пример за вложената таблица:

пример



HTML Table Tag Usage



име Страна Dhoni Индия Дейвид Милър Южна Африка Джо Корен Англия

Горният код ще показва следния изход:

Атрибути на таблицата

• align: Този атрибут осигурява подравняването на съдържанието вътре в даден елемент.
• bgcolor: Този атрибут указва цвета на фона на таблицата.
• border: Този атрибут определя границата за клетките на таблицата.
• cellpadding: Този атрибут показва подплънката между клетките на таблицата и съдържанието на таблицата.
• cellpacing: Този атрибут показва пространството между клетките на таблицата.
• рамка: Тя определя кои части от външните граници са видими.
• правила: Това определя кои части от вътрешните граници са видими.
• sortable: Този атрибут информира, че таблицата е подреждаема.
• обобщение: Той предоставя какъв тип съдържание на таблицата присъства.
• width: Този атрибут показва ширината на таблицата.
• височина: Този атрибут определя височината на таблицата.

заключение

Досега проучихме различните видове маркери на таблици в HTML. Примерите показаха използване на стилизиращата таблица, влагане на една таблица в друга таблица, задаване на височина и ширина на таблицата, добавяне на разстояние и подплънки за клетките на таблицата, прилагане на цвят на фона за таблицата и много други.

Препоръчителни статии

Това е ръководство за HTML Тагове за таблици. Тук обсъждаме Примерите на HTML Тагове на таблици със синтаксис и атрибути на таблицата. Може да разгледате и следните статии, за да научите повече -

1. HTML елементи на формуляр
2. Създайте таблици в HTML
3. HTML маркери за изображения
4. Какво е HTML
5. HTML рамки
6. HTML блокове
7. Задайте цвят на фона в HTML с пример