Форматирование текста в HTML. Урок 4
Здравствуйте дорогие друзья. Речь сегодня пойдёт об особенностях форматирования текста в HTML. Так как форматирование текста в Html имеет ряд своих особенностей,которых нам с вами необходимо рассмотреть.
Теги форматирования текста в HTML.
Для того что бы придать вашему тексту смысловой нагрузки необходимо использовать специальные теги форматирования. Тег параграфа (<p>) является одним из более значимых. Теги <strong> необходим для увеличения смысловой нагрузки. Для более сильного увеличения смысловой нагрузки мы используем (жирный текст) и <em> – отвечает за среднее увеличение смысловой нагрузки (это курсивный текст).
Написанное между этими тэгами играет очень важную роль ведь именно они увеличивают смысловую нагрузку а не просто жирное или курсивное выделение в отличии от тегов <b> (жирный текст) и <i> (курсивный текст). А уже как будет отображаться текст это дело браузера но для большинства из них выделения текста текст жирным или курсивом предпочтительно. Визуально отличий как бы и нет, но для поисковиков это играет значительную роль.
<p>
<strong>важный</strong>
<b>жирный</b>
<em>значимый</em>
<i>курсивный</i>
</p>
Важными тегами форматирования текста считаются теги <br> и <nobr>.
Тэг <br> позволяет разорвать строку с текстом, продолжив её написание с новой строки. Атрибут clear в теге <br> может быть использован для отмены обтекания объекта
текстом
, находящегося рядом с текстом. В этом случае текст продолжается с первой новой строки после объекта.
Тег <nobr> означает написание текста без разрыва строки, даже если он не умещается на ширину экрана (в этом случае внизу экрана появится полоса прокрутки).
Использование тега PRE.
К одной из особенностей форматирования html относится то, что если вы скопируете текст из другого текстового редактора (например MS Word), то форматирование текста не будет сохранено. Для копирования текста из текстового редактора с сохранением форматирования используется тег <PRE>:
<pre>
Это
предварительно форматированный текст.
Он сохраняет как пробелы в любом количестве,
так и переносы строк.
</pre>
Заголовки.
Являются важным элементом форматирования текста .Заголовки бывают 6–ти основных уровней от H1 (самый большой) до H6 (самый маленький). Посмотреть на каждый из них я предлагаю вам в таблице под текстом:
Уровень заголовка | Вид | h1 | h1 | h2 | h2 | h3 | h3 | h4 |
h4
| h5 |
h5
| h6 |
h6
|
Выравнивание элементов .
Тэг align необходим для выравнивания элементов.
Значение | Вид | justify | Выравнивание текста по ширине | left | Выравнивание по левому краю | right | Выравнивание по правому краю | center | Выравнивание по центру |
Рассмотрим пример. Допустим вам необходимо выровнять текст по ширине страницы. Нам нужно использовать вот этот код:
<p align="justify"> Написанный здесь текст будет отформатирован по ширине страницы</p>
Форматирование шрифта.
Тэг Font используется для форматирования шрифта. Он имеет ряд атрибутов, позволяющих придать тексту определенный шрифт, размер и цвет:
Значение | Вид | face | Позволяет изменить шрифт | color | Позволяет выбрать цвет | size | Задает размер букв |
В этой табличке вы можете увидеть шестнадцатеричные коды основных цветов, иногда её называют безопасной web палитрой. Если говорить понятнее этот цвет будет отображаться везде одинаково, он не зависит не каким образом от вашего браузера или размера монитора.
цвет | шестнадцатеричное представление | aqua | #00FFFF | black | #000000 | blue | #0000FF | fuchsia | #FF00FF | gray | #808080 | green | #008000 | lime | #00FF00 | maroon | #800000 | navy | #000080 | olive | #808000 | purple | #800080 | red | #FF0000 | silver | #C0C0C0 | teal | #008080 | white | #FFFFFF | yellow | #FFFF00 |
Приведём небольшой пример:
<font face="verdana" color="red" size="1">
Я красный текст шрифта verdana размером 1
</font>
Вот в принципе и всё, мы с вами рассмотрели как форматировать текст в HTML, используя основные теги форматирования.
На следующем уроке мы с вами поговорим об очень важной теме: Гиперссылки в HTML.
Урок 5 . Речь пойдёт о работе с
гиперссылками
Гипертекстовые переходы - основа web документов, это очень важная тема и я прошу уделить ей максимум вашего внимания.
• Предлагаю вам перейти к изучению пятого урока:
Гиперссылки в HTML. Урок 5 /span>1
Источник: |