Продолжаем нашу рубрику с программированием сайта в 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> - самый маленький шрифт
Абзацы
С помощью 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">