Найти в Дзене
Статьи от Binokl'я

Базовые теги в HTML

Базовые теги, как ими пользоваться и т.п.
Теги — это управляющие команды, которые были придуманы для того, чтобы отформатировать текст, т.е. теги говорят браузеру о том, как именно нужно вывести на экран часть текста, заключенную в теги. Для создания тега между угловыми скобками
Оглавление
Продолжаем нашу рубрику с программированием сайта в HTML. В этой статье я распишу базовые теги, как ими пользоваться и т.п.
Основные теги в HTML
Основные теги в HTML

Теги. Что это?

Теги — это управляющие команды, которые были придуманы для того, чтобы отформатировать текст, т.е. теги говорят браузеру о том, как именно нужно вывести на экран часть текста, заключенную в теги. Для создания тега между угловыми скобками вводится HTML-код, который предназначен только для браузеров. Посетители сайта не видят теги.

Все теги начинаются с угловой скобки < и заканчиваются угловой скобкой > . После открывающей угловой скобки следует имя тега (команды).

Например, тег <em> предназначен для акцентирования текста, браузеры отображают такой текст курсивным начертанием. Когда браузер обнаруживает этот тег, он переключается на форматирование курсивным шрифтом текста, следующего за тегом.

Рассмотрим пример:

Этот текст обычный. <em> Этот текст курсивный.

Тег <em> называют начальным или открывающим тегом, что означает включение браузером определенной команды (в данном случае написание курсивным шрифтом). У большинства тегов есть пара в виде закрывающего тега, который отключает команду.

Закрывающий тег выглядит так же, как начальный, но начинается со слэша. Итак, конечный тег для выделения курсивным шрифтом — </em>.

Как вы успели заметить, браузер последовательно анализирует HTML – документ в поисках команд (тегов) и применяет или отключает разные параметры форматирования текста. Браузер отформатированный текст (все, что не является тегом) отображает в своем окне, то есть только тот текст, который идет после <>**** </> (**** - это то, что отображается на вашем сайте).

Виды заголовков

Сразу приведу примеры:

<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>

<h1> - наиболее крупный шрифт
<h6> - самый маленький шрифт

Пример заголовков. <h1> - самый первый, <h6> - самый последний
Пример заголовков. <h1> - самый первый, <h6> - самый последний

Абзацы

С помощью HTML тэга <p> Вы можете определить абзац.

<p>Это абзац</p>
<p>Это другой абзац</p>
<p>Это третий абзац</p>
Пример абзацев
Пример абзацев

Ссылки

С помощью HTML тэга <a> создаются ссылки.

<a href="https://zen.yandex.ru/id/5fc1372ae1c18424af808372">Статьи от Binokl'я</a>
Пример ссылки
Пример ссылки

Изображения

С помощью HTML тэга <img> Вы можете вставить в HTML документ произвольное изображение.

<img src="delfin.jpg">
Пример вставки изображения
Пример вставки изображения