Урок 10. Основы HTML: br, pre и blockquote

HTML - это язык разметки, лежащий в основе всех веб-страниц. Он позволяет структурировать текст, изображения, ссылки и другие элементы, делая контент понятным как для браузера, так и для пользователя. В этой статье мы рассмотрим три полезных HTML-тега: <br>, <pre> и <blockquote>. Каждый из них играет важную роль в оформлении текста и улучшении читаемости веб-страниц.

 

1. Тег <br> - перенос строки. Тег <br> используется для вставки разрыва строки внутри текста. В отличие от абзацев (<p>), он не создаёт отступов, а просто переносит текст на следующую строку. Это удобно, например, при написании поэтических строк, адресов или коротких фраз, где не требуется отдельный абзац.

Пример использования:

Это первая строка. <br> А это вторая.

 

2. Тег <pre> - предварительно форматированный текст. Тег <pre> сохраняет все пробелы, табуляции и переносы строк, как они указаны в исходном коде. Это особенно полезно для отображения программного кода, команд терминала или любого текста, где важна точная структура.

Пример использования:

<pre>

for (int i = 0; i < 5; i++) {

    Console.WriteLine(i);

}

</pre>

 

3. Тег <blockquote> - цитата. Тег <blockquote> применяется для выделения цитат или заимствованных фрагментов текста. Он обычно отображается с отступом, визуально отделяя цитату от остального контента. Это помогает подчеркнуть, что текст принадлежит другому автору или источнику.

Пример использования:

<blockquote>

"Веб - это не просто технология, это способ мышления." - Тим Бернерс-Ли

</blockquote>

 

Теги <br>, <pre> и <blockquote> - это простые, но мощные инструменты HTML, позволяющие управлять структурой текста и улучшать визуальное восприятие контента. Их правильное использование делает веб-страницы более удобными и профессиональными. Освоив эти элементы, вы сделаете первый уверенный шаг в мир веб-разработки.

Лого

Spartacus_85 [Admin]

Администратор сайта — это специалист, который отвечает за техническую поддержку и бесперебойную работу веб-ресурса.



0 Комментарий(я)

Зарегистрируйтесь чтобы оставить комментарий