Привет, читатель, итак, в моих последних нескольких блогах мы узнали о самых основах HTML, а также много узнали о том, как писать синтаксис HTML, я имею в виду их структуру. Итак, давайте сначала сделаем краткий обзор, мы узнали об элементах, тегах и атрибутах, а также узнали о том, как работает HTML-документ. Двигаясь вперед, ознакомьтесь со следующей структурой синтаксиса, чтобы мы могли двигаться вперед и узнать об использовании тегов.
Итак, чего же мы ждем, давайте начнем……
Извините заранее, если я напугаю вас между
Подробно ознакомьтесь со следующими подтемами-
- Таблицы —
Как следует из названия, этот элемент используется для встраивания таблицы в ваш HTML-документ. Проверьте следующий синтаксис для того же самого.
Синтаксис -
<tr>
‹th›таблица R1C1‹/th›
‹th›таблица R1C2‹/th›
‹th›таблица R1C3‹/th›
</tr>
Как вы можете видеть в приведенном выше синтаксисе под элементом таблицы, использовались еще два элемента в качестве элементов tr и td. Здесь элемент tr ссылается на строку таблицы, он помогает сначала встроить строку. Затем у нас есть элемент td, который используется для ввода данных таблицы.
Теперь, иногда вы можете захотеть, чтобы первая строка была строкой заголовка, поскольку у них есть отдельный тег для одного и того же, мы используем элемент th вместо td в первом thэлемент, этот элемент сообщает веб-браузеру, что первая строка является строкой заголовка, но для того, чтобы показать, что это делает текст внутри нее полужирным. Кроме того, не только первую строку, но и любой элемент, который вы хотите, вы можете просто заменить тегом td на тег th.
(ПРИМЕЧАНИЕ: данные внутри элементов могут быть в любой форме, это может быть изображение, видео, ссылка и т. д.)
Если у вас есть заголовок, который вы хотите охватить двумя столбцами, вы можете использовать элемент colspan в ом элементе. Или, чтобы охватить до двух строк в качестве заголовка, вы можете добавить элемент rowspan.
Если вы хотите добавить заголовок к таблице в качестве заголовка для таблицы, вы можете использовать элемент caption внутри элемента table.
2. Списки —
Как следует из названия, мы используем элементы ul/ol и li для встраивания списка в документ HTML.
Синтаксис -
<ul>
‹li›предмет‹/li›
</ul>
Or
‹ол тип=”1”›
‹li›предмет‹/li›
</ol>
Элемент ul используется для определения неупорядоченного списка. Список упоминается с маркерами или любым символом без последовательности. ol используется для определения списка в четкой последовательности. Список упоминается цифрами, латинскими буквами или алфавитом. Чтобы определить тип последовательности, мы используем атрибут type в элементе ol для указания типа последовательности.
Это еще один тип списка, в котором также может быть упомянуто описание элемента.
Синтаксис -
<dl>
‹dt›Кофе‹/dt›
‹dd›- черный горячий напиток‹/dd›
‹dt›Молоко‹/dt›
‹dd›- белый холодный напиток‹/dd›
</dl>
Здесь тег dl используется для встраивания этого типа списка, где элемент dt используется для ввода имен элементов, а следующий тег dd используется упомянуть описание предмета соответствующего предмета.
Итак, это все, я знаю, что это был довольно короткий блог, но поверьте мне, я рассмотрел большую часть того, что необходимо для того, чтобы вы знали о таблицах и списках в HTML. Мои будущие блоги будут охватывать больше таких тем, которые, я уверен, сильно пробудят ваши знания. Кроме того, извините, но я думаю, что достаточно скоро я начну вести блоги и на темы DSA, хотя не уверен в этом, посмотрим, что ждет меня в будущем, извините нас.
Спасибо за чтение и счастливого кодирования !!!
