Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лекции HTML.doc
Скачиваний:
2
Добавлен:
27.09.2019
Размер:
110.08 Кб
Скачать

2. Структура html-документа

Любая независимо от содержания и оформления Web-страница начинается с тэга <HTML> и заканчивается тэгом </html>.

<HTML> — указывает на начало разметки гипертекста.

</html> — указывает на конец разметки гипертекста.

Все, что находится между этими тэгами, можно условно разделить на две части: описание Web-страницы, которое находится между тэгами <HEAD> и </head>, и непосредственно содержание странички, которое размещается между тэгами <BODY> и </body>.

<HTML>

<HEAD>

…… Здесь будет размещено описание Web - страницы

</head>

<BODY>

…… Здесь будет размещено содержание Web – страницы

</body>

</html>

Описание Web-страницы:

Между тэгами <TITLE> и </title> пишется название вашего сайта, Web - страницы, которое отображается в строке заголовка окна при просмотре странички в браузере. Например, сайт называется «О братьях наших меньших». Тогда, чтобы это название отображалось в заголовке окна браузера, вы должны написать:

<TITLE> О братьях наших меньших </title>

Содержание Web – страницы:

Что может находиться между элементами <BODY> и </body>.

Это та произвольная часть документа, которую разрабатыва­ет автор и которая отображается браузером. Внутри элемента <BODY> можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри начального элемента <BODY> могут располагаться атрибуты, обеспе­чивающие установки для всей страницы в целом. Это могут быть атрибуты, задающие:

  • цвет фона Web-страницы;

  • "обои" или рисунок фона страницы;

  • цвет текста на всей странице;

3. Теги для работы с текстом

  1. <b>Текст</b> Устанавливает жирное начертание шрифта.

  2. <i>Текст</i> Устанавливает курсивное начертание шрифта.

  3. <u>Текст</u> Устанавливает подчеркнутое начертание шрифта.

  4. <FONT>

Представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет, стиль и размер текста

Параметры:

Color Устанавливает цвет текста.

Значение цвета можно задавать двумя способами.

1. По его названию (Браузеры поддерживают некоторые цвета по их названию).

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система базируется на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF.

Face Определяет гарнитуру шрифта.

Параметр face служит для задания гарнитуры шрифтов, использующихся для текста. Названий шрифтов можно привести несколько, через запятую. В этом случае, если первый указанный шрифт не будет найден, браузер станет использовать следующий по списку.

<font face="шрифт1, шрифт2,...">...</font>

Аргументы

Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:

serif — шрифты с засечками (антиквенные), типа Times;

sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;

cursive — курсивные шрифты;

fantasy — декоративные шрифты;

monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова

Size Задает размер шрифта в условных единицах.

Задает размер шрифта в условных единицах от 1 до 7. Средний размер, используемый по умолчанию принят 3. Размер шрифта можно указывать как абсолютной величиной (например, size="4"), так и относительной (например, size="+1", size="-1"). В последнем случае размер изменяется относительно базового.

<font size="число">...</font>

  1. <BIG>

Увеличивает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега <BIG> увеличивает текст на одну условную единицу. Допускается применение вложенных тегов <BIG>, при этом размер шрифта будет больше с каждым уровнем.

<big>Текст</big>

  1. <SMALL>

Уменьшает размер шрифта на единицу по сравнению с обычным текстом. Таким образом, добавление тега <SMALL> уменьшает текст на одну условную единицу. Допускается применение вложенных тегов <SMALL>, при этом размер шрифта будет меньше с каждым вложенным уровнем, но не может быть меньше, чем 1.

<small>Текст</small>

  1. <CITE>

Помечает текст как цитату или сноску на другой материал. Применяется для разделения кода HTML на структурные элементы. Браузеры обычно устанавливают текст внутри контейнера <CITE> курсивом.

<cite>Текст</cite>

  1. <CODE>

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

<code>Текст</code>

  1. <DFN>

Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег <DFN> применяется для выделения таких терминов при их первом появлении в тексте. Браузеры отображают содержимое контейнера <DFN> с помощью курсивного начертания.

<dfn>Текст</dfn>

  1. <EM>

Предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.

<em>Текст</em>

  1. <Q>

Используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.

<q>Текст</q>

  1. <STRONG>

Предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.

<strong>Текст</strong>

  1. <sub>

Отображает шрифт в виде нижнего индекса.

<sub>Текст</sub>

  1. <sup>

Отображает шрифт в виде верхнего индекса.

<sup>Текст</sup>

  1. <TT>

Контейнер <TT> отображает текст моноширинным текстом. Этот тег относится к группе тегов физического форматирования.

<tt>Текст</tt>