4
html - форматирование текста
По мере заполнения вашей страницы текстом вам захочется как то выделить некоторые его элементы .
Для этого html-разметка предлагает несколько специальных тегов , которые позволят вам сделать это .
HTML - Теги для форматирования текста :
<p>пример <b>Жирный Текст</b></p> <p>пример <em>, - Выделенный Текст</em></p> <p>пример <strong>Сильный Текст</strong></p> <p>пример <i>Курсив</i></p> <p>пример <sup>надстрочный Текст</sup></p> <p>пример <sub>подстрочных индексов</sub></p> <p>пример <del>Зачеркнутый Текст</del></p> <p>пример <code>Компьютерный Код Текст</code></ |
Результат на веб-странице :
пример Жирный Текст пример , - Выделенный Текст пример Сильный Текст пример Курсив пример надстрочный Текст пример подстрочных индексов пример пример |
html - разрывы строк
Как мы уже упоминали ранее тег разрыва строки элементов немного отличается от большинства тегов ,
которые мы видели до сих пор ,так как они не требуют закрывающего тега .
тег - <br/> -- предназначен для разрыва строки .
Размещение <br/> в коде , аналогично нажатию кнопки ENTER при работе в текстовом редакторе .
пример использования br внутри другого элемента параграфа ( <p> ) :
<p> г. Москва<br /> ул. Новый арбат<br /> дом 35<br /> </p> |
В результате получаем :
г. Москва ул. Новый арбат дом 35 |
html - тег <pre>
Тег - pre является своеобразным контейнером для заранее отформатированного текста ,
т. е. текст будет показан браузером , таким каким его ввел автор текста .
Отличие его от тега -br в том что например при заключение стихотворения из нескольких строк в тег pre ,
не надо прописывать в конце каждой строке дополнительные теги
предварительный код :
<pre> Я помню чудное мгновенье: Передо мной явилась ты, Как мимолетное виденье, Как гений чистой красоты. </pre> |
результат отображения в браузере:
Я помню чудное мгновенье: Передо мной явилась ты, Как мимолетное виденье, Как гений чистой красоты. |