Автор: 
Приветствую вас на Планете Успеха! Сегодня продолжим изучать теги HTML для ручной верстки статей на наших блогах.
В одной из предыдущих публикаций — «Текстовый html редактор notepad++ Html теги для текста в один клик», мы изучили основные теги html, необходимые для верстки статей.
Теперь изучим теги пробела и красной строки, которые нам необходимы при оформлении текста, для удобства визуального восприятия наших публикаций читателями.
Сразу скажу — тегов пробела — несколько, но нужны нам, только два, вот о них и поговорим и применим в тексте.
Тег HTML пробела
— это большой пробел, использовать его в тексте можно для разделения от текста фото, которое, как бы налипает на текст:
Вставив тег пробела между абзацами текста и самим изображением:
Мы получим уже такой внешний вид на сайте:
Также этот пробел пригодится, если у нас вставлена в текст таблица (как сверстать таблицу можете узнать в публикации — «HTML теги таблицы: td, tr, table, для текста»), и также прилипает к тексту.
Правда — эту проблему с налипанием изображения или таблицы, можно решить без тега пробела html — просто при верстке оформить каждый элемент текста в теги абзаца <p>, а фото или таблицу в эти теги закрывать не нужно, и вид также будет с разделением фото или таблицы от текста.
Где ещё понадобится тег пробела html ? При верстке списков — маркированных или нумерованных. Вот так выглядит стандартный список на сайте:
То есть, строки списка расположены близко друг к другу, можно в таком варианте и оставить, а можно расстояние между ними увеличить, и в помощь наш тег Проставляем его после каждой строки списка, начиная с первой, кроме последней:
И наш список уже будет выглядеть таким образом:
Еще этот тег пробела используется при оформлении элементов сайта в установленной теме, например, чтобы виджеты html с рекламными баннерами не налипали на другие объекты или на контент блога.
Я этот тег пробела использую только в оформлении сайта, так как, проблемы с налипанием фото и таблиц на текст, решаю обычными тегами абзаца <p>, а расстояние между строками списка, на мой взгляд получается слишком большим. Поэтому для списков я использую другой тег пробела, о котором сейчас и расскажу.
Тег HTML пробела  
Итак, тег пробела   — небольшой пробел, который я использую в списках, в тексте для разделения строк:
Внешний вид списка будет на сайте выглядеть таким образом:
На мой взгляд — это более оптимальное междустрочное расстояние в списке.
Тег HTML красной строки
Тег красной строки <br> или, так называемый тег переноса строк, очень хорошо уживается в абзацах текста, где необходимо разместить следующее предложение с новой строки. В текстовом редакторе расстановка будет такой:
А на сайте абзац будет выглядеть таким образом:
Вот, мы с вами рассмотрели теги html пробела и красной строки для текста, применяйте на своих сайтах при верстке публикаций, если в этом возникнет необходимость.
Успехов вам и до новых встреч!
Спасибо за науку! Теги пробела забываю ставить, хорошо что напомнили.?
Татьяна, рада, что напомнил? Не забывайте, но только там, где действительно необходимы теги пробела. Спасибо за комментарий!
Галина, спасибо за новые теги.
Ирина, применяйте на своём сайте теги пробела и красной строки, если в этом возникнет необходимость.
Спасибо, было интересно. Попробую диалоги оформить с помощью тега
Светлана, оформляйте диалоги с помощью тега красной строки. У вас всё получится.
HTML теги пробела и красной строки для текста нужные и бывают просто необходимы. Спасибо за информацию. Ждём новых статей с информацией, как верстать таблицы))
Валентина, применяйте при необходимости теги пробела и переноса строк. А статья с вёрсткой таблиц обязательно будет?
Для меня очень даже полезная информация. Буду применять, т. к. иногда надо с красной строки сделать, а как не знаю. Спасибо большое за новые знания!
Алла, рада, что информация об html тегах пробела и красной строки, оказалась Вам полезной. Применяйте у себя на блоге. Успехов Вам!
Спасибо за полезную информацию, скажу честно до этого даже и не знал о существование такого тега
Сергей, существуют такие теги, и пробела и переноса строк. Так что, если в тексте нужно будет такое оформление, то обязательно применяйте.
Хорошая статья, теперь и вставлю html тег пробела после и перед картинками, а то и правда как-то слито все и не красиво.
Валера, применяйте у себя на блоге теги пробела и наводите красоту? Спасибо за комментарий!
Галина, много полезной информации черпаю из ваших статей. Вот и в этот раз узнала о HTML тегах пробела и красной строки для текста — буду применять . Сохраняю в закладках, иногда забывается, то заглядываю в них.
Лилия, благодарю за отзыв! При необходимости, применяйте у себя на блоге теги пробела и красной строки. Успехов вам!
Галина, спасибо, что учите нас разбираться с тегами. Наука сложная, конечно, но нужная.
Наталья, ручную html вёрстку статей нужно знать и уметь применять на своём блоге? Буду и дальше публиковать статьи по этой теме. Спасибо за комментарий!
Большое спасибо за полезную статью. Всегда с удовольствием захожу к вам за полезной информацией
Евгения, благодарю за комментарий. Рада, что информация об html тегах пробела и красной строки, была вам полезной.
Спасибо за информацию по тегам пробела и красной строки, всё доступно и понятно…
Александр, применяйте у себя на блоге html теги пробела и красной строки, если возникнет такая необходимость при оформлении заметок.