Студопедия

Главная страница Случайная страница

КАТЕГОРИИ:

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Дополнительные теги для работы с текстом.






Благодаря дополнительным тегам, веб-мастер может придать страничке особый вид, а именно, выделить текст жирным, курсивом, подчеркнуть, перечеркнуть, создать верхний и нижний индекс, указать размер и цвет шрифта, вставить в текст разделительную линию по горизонтали.

< strong> < /strong> - этот тег предназначен для выделения текста или слова жирным начертанием. Или (< b> < /b>).
< em> < /em> - этот тег предназначен для выделения текста или слова курсивом.
< u> < /u> - этот тег предназначен для подчеркивания текста или слова.
< s> < /s> - текст будет перечеркиваться.
< SUP> < /SUP> - текст верхнего индекса (х2)
< SUB> < /SUB> - текст для нижнего регистра (Н2О)
< font> < /font> - этот тег предназначен для изменения цвета, размера и стиля шрифта в тексте.
< hr> - этот тег предназначен для вставки горизонтальной линии в текст.

Предлагаю посмотреть пример:

  < html> < head> < title> Моя первая веб-страничка на HTML< /title> < /head> < body> < strong> этот текст будет жирным. < /strong> < em> этот текст будет выделен курсивом< /em>. < u> этот текст будет подчеркнутый< /u> Вниманиe акция! новая цена < s> 70 000 < /s> - 69 999 рублей! < s> < /s> Х< SUP> 2< /SUP> Н< SUB> 2 < /SUB> О < hr> - этот тег предназначен для вставки горизонтальной линии в текст. < /body> < /html>

Атрибуты «font»

font: SIZE | COLOR | FACE

SIZE – размер текста. Значение задается от 1 до 7. Также можно задавать значения в большую или меньшую сторону с помощью символов «+» и «-».
COLOR – цвет текста.
FACE – шрифт текста.

Предлагаю посмотреть пример:

  < html> < head> < title> Моя первая веб-страничка на HTML< /title> < /head> < body> Это простой текст по умолчанию < br> < FONT SIZE=" +2" COLOR=" #999999" > Увеличенный шрифт серого цвета на +2< /FONT> < br> < FONT SIZE=" -3" FACE=" Times New Roman " COLOR=" red " > красный текст сделанный шрифтом Times New Roman «-3-го размера» < /FONT> < /body> < /html>

Результат:

Атрибуты «HR»

HR: width | size | align | noshade | color

WIDTH – длина линии. Задается размер в (px / %).
SIZE – толщина линии (px).
ALIGN – выравнивание линии по горизонтали. У атрибута «align» есть необходимые значения:
left – выравнивание документа по левому краю.
right – выравнивание документа по правому краю.
center – выравнивание документа по центру (используется по умолчанию).
NOSHADE –закраска линии как сплошной.
COLOR – цвет линии (работает только в Internet Explorer).

Смотрим пример:

  < html> < head> < title> Моя первая веб-страничка на HTML< /title> < /head> < body> Текст до линии < hr noshade width=" 40%" align=" left" > Текст после линии < br> А вот линия без флага noshade и толщиной 5px < hr width=" 40%" align=" left" size =" 5" > < /body> < /html>

Результат:

Теперь объединим эти примеры вместе и посмотрим результат:

Пример:

  < html> < head> < title> Моя первая веб-страничка на HTML< /title> < /head> < body> Текст до линии < hr noshade width=" 40%" align=" left" > Текст после линии < br> < FONT SIZE=" -3" FACE=" Times New Roman " COLOR=" red " > А вот линия без флага noshade и толщиной 5px < /FONT> < hr width=" 40%" align=" left" size =" 5" > < /body> < /html>

 


Поделиться с друзьями:

mylektsii.su - Мои Лекции - 2015-2024 год. (0.006 сек.)Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав Пожаловаться на материал