Показать Меню
falbar Основы HTML

Отображение текста в браузере, перенос строк

Основы HTML

Мы продолжаем изучать основы HTML и сегодня рассмотрим принцип отображения текста в браузере, а также научимся переносить строки в нужном нам месте.

Если открыть HTML страницу на различных устройствах или изменять размер окна браузера, мы сможем увидеть интересную картину: текст переносится не везде так, как нам бы хотелось.

Пример вывода текста

Перенос строк происходит из-за изменения формирования текста в окне браузера. Когда мы, например, изменяем размер окна, браузер в это время динамически переформатирует текст и в итоге делает переносы. Происходит это на основании «пробельных» символов.

Всего есть три «пробельных» символа, которые браузеры различают: пробел, табуляция и нажатие клавиши enter.

Одной из характерных черт языка HTML является то, что любое количество идущих подряд «пробельных» символов заменяется при анализе строк на один единственный символ, и, в результате, он отображается на экране.

Формирования текста в окне

Но если нам потребуется использовать больше одного «пробельного» символа или установить его в нужном нам месте, то необходимо воспользоваться спецсимволами:

  ( )  – неразрывный пробел 
  ( ) – узкий пробел
  ( ) – широкий пробел

Важно знать, что первый вариант работает немного иначе, чем другие два. Он применяется, когда слова в словосочетании нельзя стилистически разделить при переносе.

Для осуществления принудительно переноса (нажатие клавиши enter) текста в браузере используется тег br, который является одиночным и непарным.

Принудительный перенос

Теперь Вы знаете, как осуществляется перенос текста и строк в окне браузера, а также, как самостоятельно указать ему на место переноса.

Подписаться на обновления

Комментариев еще не оставлено