RSS-лента

Урок 5. Форматируем текст HTML-документа.

Автор: Андрей Краснокутский

Дата: 2008-12-01

Шрифт на web-странице: жирный, наклонный, разного цвета.

Бороздя бескрайние просторы Интернета Вы вероятно уже заметили, что на разных сайтах по разному отображаются web-страницы. Тексты на сайтах бывает: разного цвета, размера, жирный, курсив, попадаются разные шрифты и т.д. Вот этими вещами (форматированием текста web-документа) мы с Вами сейчас и займемся. Как Вы наверное уже поняли каждый вид отображения текста, задаётся соотвествующими тегами. Эти теги "говорят" браузеру в каком виде отображать тот или иной текст.

Жирное начертание текста

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

<strong>Сильное выделение текста</strong>

Курсивное начертание

Курсивный шрифт представляет собой наклон символов. А для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. Курсив для текста определяют два тега: <i> </i> или <em> </em>.

<em>Курсивное начертание шрифта</em>

Следует отметить, что теги <b> и <strong>, также как и теги <i> и <em> хотя и похожи по своему действию, являются не совсем эквивалентными и взаимозаменяемыми.

Первый тег <b> — является тегом физической разметки и устанавливает жирное начертание текста, а тег <strong> — является тегом логической разметки и выделяет помеченный текст. Такое разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML универсальным, в том числе не зависящим от устройства вывода информации.

Теоретически, если воспользоваться, например, речевым браузером, то текст, оформленный с помощью тегов <b> и <strong>, будет отмечен по-разному. Однако получилось так, что в популярных браузерах результат использования этих тегов равнозначен.

Поэтому при написании кода HTML-страниц рекомендуется применять теги: <strong> </strong> и <em> </em>.

Результаты отображения этих тегов Вы видите на рисунке:

Рисунок 5.1

Поупражняйтесь в применении этих тегов на практике.

Всего Вам доброго.

Обновлено: 05.10.2014 г.

Читайте также:

Как создать свою собственную web-страницу?

Форматируем текст html-страницы.

Вставляем заголовки на web-страницу.

Правила написания тегов (читай кода).

Форматы изображений для сайта.

Как заработать в Интернете не имея своего сайта?

Просмотров: 16106

Поделитесь этой информацией со своими друзьями!

Комментарии к этой статье (уроку):

Добавить Ваш комментарий:

Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Заработает каждый от Школьника до Пенсионера! "Как?" Узнать сейчас >>> Хотите заработать? 2-х Уровневая Партнерская программа! Присоединяйтесь.

Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

Наши Аттестаты

Проверить аттестат

Проверено Z-PAYMENT