1 подписчик

Типы html тегов

31 июля 202031 июл 2020

126

2 мин

Оглавление

Тэги верхнего уровня
Тэги заголовка документа
Типы html тегов: Блочные элементы

Перед тем, как изучать типы html тегов, рекомендуем ознакомиться с основами верстки на практике.

Как ранее мы говорили о тэгах в наших статьях, вы уже помните, что тэги как правило бывают открывающие и закрывающие. За исключением некоторых, но и они так же могут быть закрывающимися не смотря на то, что не обязательно их закрывать. Каждый тэг HTML условно делиться на типы, их несколько и их не так сложно запомнить.

теги верхнего уровня;
теги заголовка документа;
блочные элементы;
строчные элементы;
универсальные элементы;
списки;
таблицы;
фреймы.

Нужно еще и отметить, что один и тот же тэг одновременно может принадлежать к разным группам — один и тот же тэг может принадлежать к типу списки и этот же тэг может быть блочным элементом, или тип тэга таблицы может также быть блочным элементом. Типы html тегов схематично изображены ниже:

Тэги верхнего уровня

Тэги верхнего уровня предназначены для формирования структуры веб-страницы и определяют раздел заголовка и тела документа, к ним относятся такие тэги как

<html>,
<head>,
<body>,

то есть тэги образующие контейнер, куда можно поместить содержимое веб-страницы.

Тэги заголовка документа

Заголовок документа содержится в <head> — здесь, как вы помните, находиться служебная информация. То есть её пользователь не видит, её видит только поисковая система. А также, они помогают браузеру в правильном отображении веб-страницы. За исключением тэга <title>. Этот тэг отображается во вкладке и является названием веб-страницы.

Типы html тегов: Блочные элементы

Блочные элементы или тэги, это те тэги которые заключают в себе целый блок информации, например это может быть абзац, или цитата, или описание, или параграф текста. Одним словом это какой-то целый блок информации. И к таким тэгам (элементам) относятся:

<blockguote>
<div>
<h1>…<h6>
<hr>
<pre>
<p>

Типы html тегов: Строчные элементы

Как вы уже поняли, если логически подумать , то к строчным элементам (тэгам) относятся такие тэги, которые являются частью какого-то текста. В основном они используются для изменения вида текста или логического выделения слова или словосочетания. К ним относятся такие тэги (элементы) как:

<a>
<span>
<b>
<big>
<br>

И, если логически подумать, то сами понимаете, что в блочные элементы могут входить строчные элементы. А вот блочные тэги в строчные входить не могут.

Универсальные тэги

Универсальные элементы могут быть как блочными тэгами, так и встроенными элементами в зависимости от контекста. Они применяются практически ко всем тэгам и чтобы их не повторять, они выделены в отдельную группу. К ним относятся:

<del>
<ins>

Списки, таблицы

Что такое списки все знают, это перечень чего либо, документ содержащий перечень каких либо сведений. Таблицы обычно используются для представления табличных данных и они в HTML обозначается следующими тэгами:

Списки:

<ol>
<ul>
<li>,

Таблицы:

<table>
<td>
<th>
<tr>

Фреймы

Фреймы разделяют веб-страничку на отдельные части, и в каждую из этих частей можно загрузить самостоятельную веб-страницу. Этих частей может быть несколько, может быть две, может три и т.д. Фреймы позволяют открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Например видео с Youtube. И в html это элементы: