Базовий HTML-як не використовувати розрив рядка–Tag

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

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

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

Поема є хорошим прикладом належного використання тег, як це вимагає рядка і абзаців перерв.

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

І це, як це з’являється на сторінці-зверніть увагу на різні інтервали-лінія перерв тільки кінець однієї лінії і прийняти вас на наступний, в той час як перерва пункту- <p> тега фактично створює простір.

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

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

(для цілей цього уроку, я ігноруючи належне використання HTML код сутності для створення цитат і стих)

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

<p> Джон Доу <br>
123 Головна вулиця <br>
Деякі міста, США <br>
555-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>
 создает следующее:

створює:

Killersites жаба

Це не правильне використання тега. У цьому випадку, правильний спосіб створити простір вище і нижче зображення за допомогою CSS і додавання різниці або оббивка, яка буде виглядати наступним чином:

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

Примітка: Якщо ви використовуєте HTML-документ, тег <br> повинен бути закритий таким: < br/>

Напишіть відгук

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.

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