Тази статия ще ви предостави подробно и изчерпателно познание за HTML таблици. Различните тагове и форматиране, които могат да бъдат направени.
От създаването на технологията таблицата е често срещан начин за съхранение и визуализиране на данни. Използва се в почти всички полета за представяне на текстова информация и цифрови данни, където можете лесно да сравните два или повече елемента. В тази статия ще обсъждам Таблици в следния ред:
С прости думи, таблицата е колекция от свързани данни, която се състои от редове и колони. Сега, както знаем, HTML е стандартен език за маркиране за създаване на уеб страници и показване в уеб браузър. Така че създаването и работата с таблици се превръща във важно под-умение за овладяване на HTML. В този блог ще научим как да работим с таблици в HTML.
За да дефинираме HTML таблица, използваме
етикет. Вътре
таг, първо дефинирате редове на таблицата с
етикет. След това дефинирате заглавки на таблици в
етикет. Данните или клетката в таблицата се дефинират с помощта на
Нека първо разгледаме списъка с HTML тагове, използвани за създаване на таблици. По-късно в този блог ще научим как да ги използваме с помощта на примери.
: Използва се за дефиниране на таблица
: Използва се за дефиниране на заглавна клетка в таблица
: Използва се за дефиниране на ред в таблица
: Използва се за дефиниране на клетка в таблица
:Използва се за дефиниране на надпис на таблица
:Използва се за задаване на група от една или повече колони в таблица за форматиране
: Използва се за задаване на свойства на колона за всяка колона в даден елемент
:Използва се за групиране на заглавното съдържание в таблица
: Използва се за групиране на телесното съдържание в таблица
: Използва се за групиране на съдържанието на долния колонтитул в таблица
Сега нека разгледаме примерния HTML код, за да създадем таблица.
Име
Възраст
Абхишек
18.
Боб
2. 3
Изход:
Вариации на HTML таблица
Атрибути на Cellpadding и Cellspacing
Има два атрибута, наречени cellpadding и cellpacing, които можете да използвате, за да регулирате бялото пространство в клетките на вашата таблица. Атрибутът cellpacing определя пространството между клетките на таблицата, докато cellpadding представлява разстоянието между границите на клетките и съдържанието в клетката.
Разпределение на клетки и подложка на клетки
Име
Възраст
Абхишек
петнадесет
Боб
2. 3
Атрибути Colspan и Rowspan
Атрибутът Colspan се използва за обединяване на две или повече колони, докато рядковете се използват за обединяване на два или повече реда.
Colspan & Rowspan
Партида
Име
Възраст
Информатика
Абхишек
петнадесет
Боб
2. 3
Прекъсване
Височина и ширина на масата
HTML ви дава лоста за регулиране на височината и ширината на таблицата. Атрибут Ширина и Атрибут височина се използва за задаване на ширината и височината на таблицата съответно. Можете да го посочите като процент от площта, налична на екрана, или като пиксели.
Ширина и височина на HTML таблица
Абхишек
петнадесет
Боб
2. 3
Заглавка на таблицата, тяло и долен колонтитул
Таблица може да бъде разделена на три секции, т.е.заглавка, тяло и долен колонтитул. Header и Footer са подобни на header и footer в word документ, който остава общ за всяка страница, докато тялото съдържа основното съдържание.
tag създава отделен горен колонтитул на таблицата, whereastag създава отделен долен колонтитул на таблица. таговете съдържат тялото на таблицата.
Можете също така да зададете фон на таблицата. Bgcolor attribute задава цвета на фона за цялата таблица, както и за една клетка, докато атрибутът background задава фоново изображение за цялата таблица, както и само за една клетка.
Етикетът на надписа служи като заглавие или обяснение за таблицата, която се показва в горната част на таблицата.
HTML фон на таблицата
Надпис на таблицата
Колона 1
Колона 2
Колона 3
Ред 1 клетка 1
Ред 1 клетка 2
Ред 1 клетка 3
Ред 2 клетка 2
Ред 2 клетка 3
Ред 3 клетка 1
С това стигаме до края на тази статия. След изпълнението на горните фрагменти бихте разбрали как да създавате таблици в HTML. Надявам се, че този блог е информативен и с добавена стойност за вас.
Вижтеот Edureka, доверена компания за онлайн обучение с мрежа от над 250 000 доволни учащи, разпространени по целия свят.Обучението за сертифициране на уеб разработки ще ви помогне да научите как да създавате впечатляващи уебсайтове с помощта на HTML5, CSS3, Twitter Bootstrap 3, jQuery и Google API и да го разположите в Amazon Simple Storage Service (S3).
Имате въпрос към нас? Моля, споменете го в раздела за коментари на тази статия и ние ще се свържем с вас.