заработать в интернет
Урок 4: Продолжаем работать с текстом
Чтобы придать тексту ту или иную гарнитуру в html используются такие элементы: - STRONG Используется для выделения текста жирным - EM Используется для выделения текста курсивом - U Выделение текста подчеркиванием - S Перечеркивание текста - SUP Создание верхнего индекса - SUB Создание нижнего индекса - FONT Изменение цвета, типа, размера шрифта - HR Вставляет в текст горизонтальную разделительную линию STRONG - Выделяет текст, заключенный между открывающим и закрывающим тегами, жирным шрифтом. Раньше везде использовался тегИ этот тоже, но этим тегом лучше не пользоваться! В браузере увидим: html тег Как видите, оба этих тега действуют одинаково. В программе Adobe Dreamweaver на панели форматирования текста написано "B" панель форматирования (просто это название более старое и большинство веб-мастеров привыкли к нему), хотя при нажатии на эту кнопочку в коде пишется тег . ↑ Наверх ↑ EM ( Emphasis ) - Выделяет текст, заключенный между открывающим и закрывающим тегами, курсивом. Также аналогичен по действию тег , однако его лучше не использовать т.к. это не приветствуется поисковыми системами. В программе Adobe Dreamweaver на панели форматирования текста написано "I" хотя в коде пишется EM. Приведу пример: Этот текст будет выделен курсивом
И этот тоже, но лучше пользоваться тегом EM В браузере увидим: пример использования тега em и I ↑ Наверх ↑ U(Underline) - Отображает помещенный между открывающим и закрывающим тегами текст как подчеркнутый: Если в теле документа написать: Этот текст будет подчеркнутым!!! Увидим в браузере: пример подчеркнутого текста ↑ Наверх ↑ S(Strike) - Текст, помещенный между открывающим
2 3 = 8 ;
2 4 = 16 ; И что получим: пример тега sup ↑ Наверх ↑ SUB(Subscript) - Отображает текст, заключенный между открывающим и закрывающим тегами, как нижний индекс от основного текста. Приведу пример: Формула спирта в химии - С 2 Н 5 ОН И что мы получим: применение тега нижнего индекса ↑ Наверх ↑ FONT - Позволяет изменять цвет, размер и тип шрифта текста, находящегося между открывающим и закрывающим тегами. Атрибуты: SIZE - Определяет размер шрифта. Возможные значение - 1 , 2 , 3 , 4 , 5 , 6 , 7. COLOR - Определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. FACE - определяет используемый шрифт. Используйте Times New Roman, Arial, Tahoma, Courier, Courier New. Они установлены почти у всех. Иначе гарантий нет! Если в теле документа написать: Это обычный текст
Увеличенный красный шрифт
Моноширинный фиолетовый текст 3 размера При просмотре в браузере увидим: тег font Если написано SIZE="+2" то это означает увеличить на 2 единицы шрифт по сравнению со стандартным. Обычно стандартный размер шрифта равен 3 . Примечание: В дальнейшем(после изучения css) лучше вообще все что связано с типом, размером и цветом шрифта делать через таблицы стилей. Это гораздо удобнее, тем более многие элементы форматирования текста расположенные внутри элемента FONT, работают некорректно. ↑ Наверх ↑ HR- служит для вставки в текст горизонтальной линии. Закрывающего тега нет! Атрибуты: WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера. SIZE – толщина линии в пикселах. ALIGN – определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения: left – выравнивание по левому краю документа. right – выравнивание по правому краю документа. center – выравнивание по центру документа (используется по умолчанию). NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной. COLOR – задает цвет линии. Можно использовать либо RGB-значение в шестнадцатиричной системе, либо один из 16 базовых цветов. Атрибут работает только в Internet Explorer. Например: Текст до линии
После линии
А вот пример линии толщиной 2px и без флага noshade
Что мы увидим: пример линий
↑ Наверх ↑ См. также Следующий - Урок 5: Заканчиваем с текстом Предыдущий - Урок 3: Работаем с текстом [Обсудить на форуме] Есть вопрос? Получи ответ на ФОРУМЕ ПОДДЕРЖКИ
