Содержание статьи
Заголовки
Для чего нужны заголовки? Это структура вашего документа. Это название каких-то разделов, подразделов, как оглавление в книге. Заголовки — это блочные элементы (по ширине занимают всю область, в которой стоят, а высота определяется контентом), а внутри заголовков можно ставить только строчные элементы (теги внутри нельзя ставить).
Смотрим пример правильного и неправильного заголовка ниже. В неправильном заголовке, когда обработчик кода наткнется на открывающий тег “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” — этот тег одиночный, блочный, строчный. Обычно его применяют там, где ожидается строчный контент. Пример текста мы увидим в три строки:
Привет как дела?
Пробельный символы до тега и после него игнорируются.