- •Синтаксис html
- •Формат значений
- •Структура html-документа
- •Мета-данные
- •Операции над текстом
- •Структура контента. Форматирование
- •Списки в html
- •5. Работа с изображениями
- •Гипертекстовые ссылки в html
- •Разметка страниц с помощью блоков (div)
- •Описание технологии каскадных таблиц стилей
- •Основные параметры css
- •Основные параметры шрифта
- •Единицы измерения в css
- •Задание цвета в css
- •Вопросы для самопроверки:
- •Задание на лабораторную работу.
Операции над текстом
В html имеется возможность производить операции над текстом. Опишем основные:
<b>Текст</b> - устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста;
<i>Текст</i> - устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста;
<strong>Текст</strong> - тег предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием;
<s>Текст</s> или <strike>Текст</strike> - тег <STRIKE> отображает текст как перечеркнутый. Этот тег аналогичен тегу <S>, который имеет сокращенную форму записи подобно тегам <B>, <I> и <U>. В любом случае, теги <STRIKE> и <S>осуждаются спецификацией HTML, взамен них рекомендуется использовать стили;
<big>Текст</big> - тег BIG увеличивает размер шрифта на единицу по сравнению с обычным текстом;
<font>Текст</font> - представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей. Параметры тега:
- color – устанавливает цвет текста;
- face - определяет гарнитуру шрифта;
- size – задает размер шрифта в условных единицах;
<basefont> - предназначен для задания шрифта, размера и цвета текста по умолчанию. Указанные значения будут использоваться во всем документе за исключением тега <FONT>, в котором можно переопределить параметры оформления текста. Допускается использование тега в контейнере <HEAD> или <BODY>, причем несколько раз. Это позволяет изменять вид шрифта для части документа. Закрывающий тег не требуется. Параметры тега могут быть такими же, как и для <font></font>. Пример использования:
<html>
<head>
<title>Тег BASEFONT</title>
</head>
<body>
<basefont face="Arial, Helvetica, sans-serif" size="4" color="maroon">
<p>Добро пожаловать на мою страничку, которая оформлена с использование
тега BASEFONT</p>
</body>
</html>
Листинг использования тега <basefont>
<bdo>Текст</bdo> - устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево. Например, к ним относится арабский язык;
<blockquote>Текст</blockquote> - предназначен для выделения длинных цитат внутри документа. Текст, обозначенный этим тегом, традиционно отображается как выровненный блок с отступами слева и справа (примерно по 40 пикселов), а также с отбивкой сверху и снизу;
<cite>Текст</cite> - помечает текст как цитату или сноску на другой материал. Такое выделение удобно для изменения стиля текста через CSS, а также применяется для разделения кода HTML на структурные элементы. Браузеры обычно устанавливают текст внутри контейнера <CITE> курсивом;
<del>Текст</del> - используется для выделения текста, который был удален в новой версии документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере <DEL> как перечеркнутый.
<dfn>Текст</dfn> - как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег <DFN> применяется для выделения таких терминов при их первом появлении в тексте. Браузеры отображают содержимое контейнера <DFN> с помощью курсивного начертания.
<em>Текст</em> - предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием;
<nobr>Текст</nobr> - уведомляет браузер отображать текст без переносов. Если этого тега в коде документа нет, а также имеются переводы строки, они игнорируются и текст выравнивается по левому краю окна браузера или родительского элемента. При этом браузер переводы строк расставляет автоматически, чтобы текст полностью поместился по ширине окна. Использование тега <NOBR> заставляет отображать текст без переносов, одной строкой, что может привести к появлению горизонтальной полосы прокрутки. Пользователям придется прокручивать текст по горизонтали, чтобы увидеть его полностью, чего обычно делать никто не любит;
<q>Текст</q> - тег <Q> используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках. Браузер Internet Explorer хотя и понимает тег <Q>, но кавычки не ставит. Остальные браузеры кавычки добавляют корректно;
<small>Текст</small> - тег <SMALL> уменьшает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега <SMALL> уменьшает текст на одну условную единицу. Допускается применение вложенных тегов <SMALL>, при этом размер шрифта будет меньше с каждым вложенным уровнем, но не может быть меньше, чем 1;
<sub>Текст</sub> - отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера;
<sup>Текст</sup> - отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.