Заголовки. Чтобы как-то выделить заголовки в тексте, в html существуют специальные теги заголовка

Чтобы как-то выделить заголовки в тексте, в html существуют специальные теги заголовка. Эти теги изменяют размер текста, сверх и снизу заголовка делаются отступы, пропорциональные его размеру, а также после заголовка делается перенос строки. Вот эти теги: < h1>, < h2>: < h6>. < h1> - самый большой заголовок, < h6> - самый маленький.

Т.е. если написать:

< h1> Текст в виде большого заголовка< /h1> и < h6> Текст в виде маленького заголовка< /h6>

Браузер отобразит это так:

Текст в виде большого заголовка

и

Текст в виде маленького заголовка

Теги переноса строки и форматирования абзаца

Вот еще несколько полезных теги для форматирования текста.

Полезно знать:

Если в тесте html-документа поставить перенос строки, то браузер его проигнорирует и отобразит весь текст в одну строку.

Например, в тесте html-документа написано:

Идет бычок, качается,
Вздыхает на ходу...

А браузер отобразит этот текст следующим образом:

Идет бычок, качается, Вздыхает на ходу...

Тут-то нас и спасет тег < br>. Это непарный тег, означающий переход на новую строку.

Т.е написав:

Идет бычок, качается, < br>
Вздыхает на ходу...

или

Идет бычок, качается, < br> Вздыхает на ходу...

В браузере мы увидим:

Идет бычок, качается,
Вздыхает на ходу...

С помощью этого тега можно не только перенести тест на новую строку, но и делать отступы между разными элементами документа. Достаточно просто вставить не один тег < br>, а два и т.д.

Полезно знать:

Если в тесте html-документа подряд стоят несколько пробелов, то браузер их проигнорирует и отобразит только один.

Например, в тесте html-документа написано:

Здравствуй, дорогой друг!

А браузер отобразит этот текст следующим образом:

Здравствуй, дорогой друг!

Тег < pre> используется, когда требуется написать текст как есть, включая все пробелы и переносы строки.

Т.е. если написать:

< pre> Идет бычок, качается,
Вздыхает на ходу...< /pre>

То браузер отобразит этот текст следующим образом:

Но!

Не стоит злоупотреблять тегом < pre>. И по возможности обходиться без него.

Любой текст можно, а иногда и нужно, разбить на абзацы. В html такую функцию выполняет тег < p>. Если поместить текст между открывающим тегом < p> и закрывающим тегом < /p>, то сверху и снизу от этого теста появится отступ, т.е. этот кусок текста отделится от общей массы текста и образуется параграф. По умолчанию параграф выровнен по левому краю.