Урок 4:  Дальше работаем с текстом

Для придания тексту того или иного вида в html используют следующие элементы:

STRONG - Выделяет текст жирным шрифтом, расположенный между открывающим тегом <strong>  и закрывающим тегом </strong> . Ранее все использовали  тег <BOLD> (или <b> ), вообще-то и сейчас им можно пользоваться , но его не приветствуют поисковые системы.

Если в теле документа прописать:

Увидим в браузере:

Как видите, действуют оба этих тега одинаково. В программе Adobe Dreamweaver на панели форматирования текста стоит "B"

(попросту название это более старое и многие веб-мастера к нему привыкли ), хотя нажав на эту кнопку в  коде ставится тег <strong> .

↑ Вверх ↑

---

EM ( Emphasis ) - Выделяет текст курсивом, расположенный между открывающим и закрывающим тегами. Хотя по  действию тег <I> аналогичен с ним , однако им лучше не пользоваться, всё также из-за нелюбви к нему поисковых систем.В программе Adobe Dreamweaver на панели форматирования текста стоит "I" хотя в коде ставится тег EM.

Вот пример:

 Увидим в браузере:

 ↑ Вверх ↑

---

U(Underline) - Отображает текст подчеркнутым расположенный  между открывающимтегом<u> и закрывающим тегом </u>:

Если в теле документа прописать:

 В браузере увидим:

↑ Вверх ↑

---

S(Strike) - Текст будет перечеркиваться, расположенный между открывающим тегом <s> и закрывающим тегом</s>.

Вот пример:

Получилось:

 ↑ Вверх ↑

---

SUP ( Superscript) -  Отображает верхний  индекс от основного текста,  также расположенный между открывающим тегом<SUP> и закрывающим тегом</SUP>.

Вот пример:

        2 ² = 4 ;<br>
        2 ³ = 8 ; <br>
        2 ⁴ = 16 ;

И  получаем:

↑ Вверх ↑

---

SUB(Subscript) - Отображает нижний  индекс от основного текста, расположенный между открывающим тегом <SUB> и закрывающим тегом</SUB>.

Вот пример:

В браузере видем:

↑ Вверх ↑

---

FONT - Позволяет изменять тип, размер, цвет и шрифт текста, расположенного между открывающим  тегом <font> и закрывающим тегом </font>.

Атрибуты:

SIZE - Распознает размер шрифта. Существующие значение - 1 , 2 , 3 , 4 , 5 , 6 , 7.

COLOR - Распознает цвет текста. Задается одним из 16 базисных цветовили RGB-значением в шестнадцатиричной системе

FACE - Распознает используемый шрифт. Используйте Arial, Times New Roman,Tahoma, Courier, Courier New. Они  стоят у многих. По-другому гарантий не будет!

Если в теле документа прописать:

В браузере при просмотре  увидим:

Если прописано SIZE="+2" то это означает увеличить шрифт на 2 единицы  по сравнению со стандартным. Размер стандартного  шрифта обычно равен 3 .

Примечание:  В последующим (после изучения css) лучше всегда  делать все что связано с  размером, типом и цветом шрифта  через таблицы стилей. Это намного удобнее, кроме того многие элементы форматирования текста находящееся внутри атрибута FONT, работают некорректно.

 ↑ Вверх ↑

---

HR- предназначен для вставки горизонтальной линии в текст. Нет закрывающего тега !

Атрибуты:

WIDTH – задает длину линии  от ширины окна браузера в процентах или пикселах.

SIZE – определяет  в пикселах толщину линии.

ALIGN – задает выравнивание линии по горизонтали. Атрибут принимает разные значения:

right – выравнивает по правому краю документа.
left – выравнивает по левому краю документа.
center – выравнивает по центру документа (используется по умолчанию).

NOSHADE – задает сплошной способ закраски линии. Атрибут является "флагом" и указания значения не требует. Без этого атрибута линия показывается объемной.

COLOR – определяет цвет линии. Можно использовать или один из 16 базисных цветов, или RGB-значение в шестнадцатиричной системе. Атрибут работает только лишь в Internet Explorer.

Пример:

Что мы увидим:

 ↑ Вверх ↑

См.также

Следующий   - Урок 5: Завершаем работу с текстом
Предыдущий - Урок 3: Разбираемся с текстом