Основной HTML — как не использовать разделитель строк — Tag

Тег <br> называется "разрыв строки", так как он предназначен для разрыва линий путем вставки одного разрыва строки. Он не существует для создания разрывов абзаца или добавить пространство вокруг изображений или перемещать вещи вокруг на вашей странице.

  • Просмотров |

Тег <br> называется «разрыв строки», так как он предназначен для разрыва линий путем вставки одного разрыва строки. Он не существует для создания разрывов абзаца или добавить пространство вокруг изображений или перемещать вещи вокруг на вашей странице.

Стихотворение является хорошим примером правильного использования тега, так как он требует разрывов строк и абзацев.

<p>	
Кто видел край, где роскошью природы<br>
Оживлены дубравы и луга,<br>
Где весело шумят и блещут воды<br>
И мирные ласкают берега,</p>
<p>Где на холмы под лавровые своды<br>
Не смеют лечь угрюмые снега?<br>
Скажите мне: кто видел край прелестный,<br>
Где я любил, изгнанник неизвестный?</p>

И вот как это появляется на странице — обратите внимание, что разрывы между интервалами просто заканчиваются на одну строку и переходят к следующей, тогда как абзац break — тег <p> фактически создает пространство.

Кто видел край, где роскошью природы
Оживлены дубравы и луга,
Где весело шумят и блещут воды
И мирные ласкают берега,.

Где на холмы под лавровые своды
Не смеют лечь угрюмые снега?
Скажите мне: кто видел край прелестный,
Где я любил, изгнанник неизвестный?

(Для целей этого урока я игнорирую правильное использование кодов объектов HTML для создания цитат.)

Адрес является еще одним хорошим примером правильного использования тега <br>:

<p>Джон Доу<br>
123 Main Street<br>
Некоторые города, США<br>
+780-555-5555</p>

Другая ситуация, когда тэг <br> типа часто используется неправильно, — это образы, чтобы создать пространство выше и / или ниже. Хотя это:

<br>
<br>
<br>
<br>
<br>
<img src="http://www.killersites.com/community/public/style_images/Killersites2/logo.png" alt="The Killersites Frog">
<br>
<br>
<br>
<br>
<br>
 создает следующее:

Киллерситес лягушка

Это не правильное использование тега. В этом случае, правильный способ создания пространства над и под изображением является использование CSS и Добавление поля или отступа, который будет выглядеть следующим образом:

img {
     margin-top: 50px;
     margin-bottom: 50px;
}

Примечание: Если вы используете HTML-документа, тег <br> должен быть закрыт так: < br/>

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Авторизация
*
*
Регистрация
*
*
*
Генерация пароля