html документ

Основные теги в HTML

Заголовки

Для чего нужны заголовки? Это структура вашего документа. Это название каких-то разделов, подразделов, как оглавление в книге. Заголовки — это блочные элементы (по ширине занимают всю область, в которой стоят, а высота определяется контентом), а внутри заголовков можно ставить только строчные элементы (теги внутри нельзя ставить).

Смотрим пример правильного и неправильного заголовка ниже. В неправильном заголовке, когда обработчик кода наткнется на открывающий тег «h2», предыдущий тег заголовка он автоматом закроет, т.е. заголовок H1 закончился, пошел H2. В конце строки закрывающий «/h1» браузер просто проигнорирует.

<h1>Это <h2>is not</h2>правильно</h1>
<h1>Это правильно</h1>

Примеры заголовков:

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

Итог работы тега заголовка — изменяет размер текста и делает его жирным.

Горизонтальная линия

За это отвечает одиночный тег «hr». Закрывающий тег запрещен, а значит элемент пустой. Визуально в браузере вы увидите горизонтальную линию. Этот элемент блочный, т.е. он будет подстраиваться под размер области, в которой находится.

Параграф

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

Это блочный элемент, а внутри параграфа можно ставить только строчные элементы. Контент, который стоит до и после параграфа, отодвигается.

Пример параграфа

Пробельные символы

Технически мы можем писать наш код html в одну строчку, но читать и редактировать такой текст крайне неудобно. Для этого применяют пробельные символы. Их виды:

  • Пробел.
  • Табуляция (клавиша Tab).
  • Клавиша Enter.

Пробельные символы браузером игнорируются. Пробельные символы, идущие подряд (независимо от количества), сокращаются до одного пробела. Этот пробел или показывается, или игнорируется.

Принудительный разрыв строки

«br» — этот тег одиночный, блочный, строчный. Обычно его применяют там, где ожидается строчный контент. Пример текста мы увидим в три строки:

Привет
как
дела?

Пробельный символы до тега и после него игнорируются.




Добавить комментарий

Ваш e-mail не будет опубликован.