SPAN - Используется для выделения части информации и придания ей различных стилей. Закрывающий тег обязателен! Сам по себе, без использования стилей, элемент SPAN никакого смысла не имеет!
Например:
Хотите пользоваться <span>Adobe Dreamweaver </span>- тогда изучите хотя бы основы html и <br> тогда Вы без проблем разберетесь с этой замечательной программой!
Что мы увидим:
Как видите, как будто мы ничего и не выделяли! Но если прописать какой нибудь стиль этому тегу, то он начнет работать!
Хотите пользоваться <span style="color:red;" >Adobe Dreamweaver </span>- тогда изучите хотя бы основы html и <br> тогда Вы без проблем разберетесь с этой замечательной программой!
В данном случае я прописал стиль красного цвета, подробнее о стилях в курсе CSS.
Таким образом с помощью элемента SPAN можно хоть каждой букве в тексте присвоить разный стиль(цвет, размер, и.т.д.)
Урок 4: Продолжаем работать с текстом
Чтобы придать тексту ту или иную гарнитуру в html используются такие элементы:
- STRONG
Используется для выделения текста жирным
- EM
Используется для выделения текста курсивом
- U
Выделение текста подчеркиванием
- S
Перечеркивание текста
- SUP
Создание верхнего индекса
- SUB
Создание нижнего индекса
- FONT
Изменение цвета, типа, размера шрифта
- HR
Вставляет в текст горизонтальную разделительную линию
STRONG -Выделяет текст, заключенный между открывающим и закрывающим тегами, жирным шрифтом. Раньше везде использовался тег <BOLD> (или <b> ), в принципе его можно использовать и сейчас, но это не приветствуется поисковыми системами.
Если в теле документа написать:
<strong> Этот текст будет выделен жирным </strong> <br> <b> И этот тоже, но этим тегом лучше не пользоваться!</b>
В браузере увидим:
Как видите, оба этих тега действуют одинаково. В программе Adobe Dreamweaver на панели форматирования текста написано "B"
(просто это название более старое и большинство веб-мастеров привыкли к нему), хотя при нажатии на эту кнопочку в коде пишется тег <strong>.
EM ( Emphasis ) -Выделяет текст, заключенный между открывающим и закрывающим тегами, курсивом. Также аналогичен по действию тег <I> , однако его лучше не использовать т.к. это не приветствуется поисковыми системами. В программе Adobe Dreamweaver на панели форматирования текста написано "I" хотя в коде пишется EM.
Приведу пример:
<em>Этот текст будет выделен курсивом </em> <br> <i> И этот тоже, но лучше пользоваться тегом EM</i>
В браузере увидим:
U(Underline) - Отображает помещенный между открывающим и закрывающим тегами текст как подчеркнутый:
Если в теле документа написать:
<u> Этот текст будет подчеркнутым!!! </u>
Увидим в браузере:
S(Strike) -Текст, помещенный между открывающим <s> и закрывающим </s>тегами, будет перечеркиваться!
Например:
Вниманиe акция! новая цена <s> 50 000</s> 20 000 рублей!
Результат:
SUP ( Superscript) -Отображает текст, заключенный между открывающим <SUP> и закрывающим </SUP> тегами, как верхний индекс от основного текста.
SUB(Subscript) -Отображает текст, заключенный между открывающим <SUB> и закрывающим </SUB> тегами, как нижний индекс от основного текста.
Приведу пример:
Формула спирта в химии - С <sub>2 </sub>Н<sub>5 </sub>ОН
И что мы получим:
FONT - Позволяет изменять цвет, размер и тип шрифта текста, находящегося между открывающим <font> и закрывающим </font> тегами.
Атрибуты:
SIZE -Определяет размер шрифта. Возможные значение - 1 , 2 , 3 , 4 , 5 , 6 , 7.
COLOR - Определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
FACE -определяет используемый шрифт. Используйте Times New Roman, Arial, Tahoma, Courier, Courier New. Они установлены почти у всех. Иначе гарантий нет!
Если в теле документа написать:
Это обычный текст <br> <FONT SIZE="+2" COLOR="red"> Увеличенный красный шрифт</FONT> <br> <FONT SIZE="3" FACE="Courier New" COLOR="Violet">Моноширинный фиолетовый текст 3 размера</FONT>
При просмотре в браузере увидим:
Если написано SIZE="+2" то это означает увеличить на 2 единицы шрифт по сравнению со стандартным. Обычно стандартный размер шрифта равен 3 .
Примечание:В дальнейшем(после изучения css) лучше вообще все что связано с типом, размером и цветом шрифта делать через таблицы стилей. Это гораздо удобнее, тем более многие элементы форматирования текста расположенные внутри элемента FONT, работают некорректно.