Разрывы строк и горизонтальные правила: Путешествие во времени


Разрывы строки

Тег <br> переносит текст после тега на следующую строку, создавая разрыв строки, отсюда и название. Если вы когда-нибудь использовали опцию форматирования разрыва строки в Microsoft Word, вы уже видели это в действии.
«Подождите, но зачем это делать, если можно просто использовать теги <body> для создания новой строки?».
Хороший вопрос! Ответ: Я пока не знаю… но, похоже, это то, что экономит время и усилия! Я знаю, что разработчики ищут способы это сделать.

Время примеров!

Вот код в исходном виде:
I will always order pepperoni on my pizza. <br> I love Italian sausage too, but pepperoni takes the cake!
Войти в полноэкранный режим Выйти из полноэкранного режима
Теперь вот код в том виде, в котором я хочу, чтобы его увидел пользователь:

Я всегда заказываю пепперони на свою пиццу.
Я люблю и итальянскую колбасу, но пепперони берет верх!

Что происходит, когда вы используете несколько тегов переноса строки одновременно?

Согласно этому видео, это просто сдвигает строки еще ниже!

Время примеров!

Вот код в исходном виде (5x тегов <br>):
I will always order pepperoni on my pizza. <br><br><br><br><br> I love Italian sausage too, but pepperoni takes the cake!
Войти в полноэкранный режим Выйти из полноэкранного режима
Вот код в том виде, в котором я хочу, чтобы его увидел пользователь:

Я всегда заказываю пепперони на свою пиццу.

Я люблю и итальянскую колбасу, но пепперони берет верх!

Горизонтальные правила

Тег <hr> создает горизонтальное правило. Оно включает в себя то, что делает разрыв строки, поскольку переносит текст, следующий за тегом, на следующую строку, но также добавляет горизонтальную линию над ним, разделяя текст, который идет перед тегом <hr>, от того, что идет после него. Полагаю, это отлично подходит для тех случаев, когда вы пытаетесь намекнуть читателю сайта, что он начинает новую главу или новый раздел.

Время примеров!

Вот код в исходном виде:
I went to bed early again, so I tried to sleep as soon as I could. <hr> The next morning, the sun was in my face, so I woke up too early. "Damn you sun!!" I yelled as I sharply closed the curtains I had apparently forgotten to close before bed.
Войти в полноэкранный режим Выйти из полноэкранного режима
Теперь вот код в том виде, в котором я хочу, чтобы его увидел пользователь:

Я снова лег спать рано, поэтому постарался заснуть как можно скорее.


На следующее утро солнце светило мне в лицо, поэтому я проснулся слишком рано. «Будь ты проклято солнце!!!» крикнул я, резко закрывая шторы, которые, видимо, забыл закрыть перед сном.

Да, линия горизонтального правила маленькая, но она есть!

Ладно, мне интересно… Что происходит, когда я использую несколько горизонтальных правил одновременно?

Время примеров!

Вот код в том виде, как он написан (3x теги <hr>:
I went to bed early again, so I tried to sleep as soon as I could. <hr><hr><hr> The next morning, the sun was in my face, so I woke up too early. "Damn you sun!!" I yelled as I sharply closed the curtains I had apparently forgotten to close before bed.
Войти в полноэкранный режим Выход из полноэкранного режима
Теперь вот код в том виде, в котором я хочу, чтобы его увидел пользователь:

Я снова лег спать рано, поэтому постарался заснуть как можно скорее.




На следующее утро солнце светило мне в лицо, поэтому я проснулся слишком рано. «Будь ты проклято солнце!!!» крикнул я, резко закрывая шторы, которые, видимо, забыл закрыть перед сном.

Ай-яй-яй! Он делает несколько горизонтальных правил!!! Не могу представить, чтобы это когда-нибудь пригодилось…
o_____o

Ну, вот и конец этому видео!


Пора спать! ;D

Оцените статью
devanswers.ru
Добавить комментарий