Введение
HTML - это язык форматирования текста. Фрагмент текста, заключенный между символами < и >, называется тегом (от английского слова TAG, в переводе - метка). Язык HTML использует различные теги, вводимые в текстовые документы, которые указывают, каким образом информация должна считываться WEB-браузером. Большинство тегов HTML парные, открывающий и закрывающий. Они охватывают помечаемый ими текст. Закрывающий тег пары всегда начинается с прямой косой черты. Теги этого текста определяют, каким образом текстовая информация и графика должны быть представлены на экране. Кроме тегов <HTML>, <HEAD>, <TITLE>и <BODY>, которые в соответствии со стандартами HTML и WWW должны присутствовать в каждой WEB-странице, при вводе текста HTML-файла для разбиения его на смысловые группы и стилевого оформления текста используются несколько тегов разметки.
Для выполнения данной работы необходимо знакомство с лекционной темой курса Язык HTML.
Цели работы
В процессе работы Вы познакомитесь с приемами создания HTML страниц, разбиения текста на смысловые группы и стилевого оформления текста внутри абзаца.
После успешного выполнения данной работы Вы сможете:
- Использовать теги языка HTML для описания страниц
- Просматривать страницу, сохранённую на локальном диске, с использованием браузера
Предварительные замечания
Для выполнения данной работы вам необходимо использовать следующие элементы языка HTML:
Пример элемента | Пояснение |
<HTML>...</HTML>; <HEAD>...</HEAD>; <BODY>...</BODY> | Обязательные элементы для любой страницы HTML |
<TITLE>...</TITLE> | Название страницы |
<H1>...</H1>; <H2>...</H2>; <H3>...</H3>; <H4>...</H4>; <H5>...</H5>; <H6>...</H6> атрибут align="left|right|center" | Стили заголовков внутри страницы |
<P>...</P> атрибут align="left|right|center|justify" | Элемент нового абзаца. Разделяет два фрагмента пустой строкой. |
<BR> | Тег перевода строки. Не разделяет два фрагмента пустой строкой. |
<HR> атрибуты: size, noshade, width, align, color | Тег горизонтальной линии. |
<B>...</B>; <I>...</I>; <TT>...</TT>;<S>...</S>; <U>...</U>;<BIG>...</BIG>;<SMALL>...</SMALL>; <SUB>...</SUB>;<SUP>...</SUP> | Оформление текста |
<FONT>...</FONT> атрибуты: size, face, color | Задание размера, типа шрифта и цвета текста. |
<BODY text="Цвет">...</BODY> | Способ управления цветом текста. |
&-последовательности | Отображение специальных символов. |
<EM>...</EM>; <STRONG>...</STRONG>; <SAMP>...</SAMP>; <VAR>...</VAR>; <CODE>...</CODE> | Логические стили модификации текста. |