2020-05-25
90
Каждый HTML-документ состоит из трех главных частей.
Объявление HTML-кода – контейнер <HTML> …</HTML>
Заголовок документа – контейнер <HEAD> … </HEAD>
Тело документа – контейнер <BODY> … </BODY>
Заголовок и тело документа вкладываются внутрь объявления HTML по следующей схеме:
<HTML>
<HEAD>
…..........
</HEAD>
<BODY>
…..........
</BODY>
</HTML>
В заголовок помещаются теги, определяющие информацию о документе в целом. Наиболее употребительный из них – контейнер <TITLE>:
<TITLE> Краткая расшифровка содержания документа (не более 64 символов) </TITLE>.
Теги форматирования шрифта
В HTML существуют два подхода к шрифтовому оформлению текста – так называемые физические и логические стили. Здесь рассматриваются только физические стили. Под ними подразумевают прямое указание браузеру на изменение текущего шрифта. Теги физических стилей – контейнерные. Например, между тегами <B> и </B> будет жирный шрифт (Bold), а между <I> и </I> – курсив (наклонный – Italic). Основные контейнеры физических стилей:
<B> … </B> – жирный шрифт;
<I> … </I> – курсив;
<U>… </U> – подчеркнутый текст;
<STRIKE>… </STRIKE>,
<S> … </S> – перечеркнутый шрифт;
<BIG> … </BIG> – шрифт большего размера;
<SMALL> … </SMALL> – шрифт меньшего размера;
<SUB> … </SUB> – подстрочный индекс;
<SUР> … </SUР> – надстрочный индекс;
<FONT> … </FONT> – изменение типа, цвета и размера шрифта.
В теге <FONT> допускаются атрибуты:
SIZE – размер букв, возможные значения: 1, 2, 3, …, 7. По умолчанию 3;
COLOR – цвет шрифта. Можно указывать шестнадцатеричными кодами или английскими словами. По умолчанию BLACK;
FACE – изменение типа шрифта, возможные значения: ARIAL, COURIER и т. д. По умолчанию VERDANA.
Теги могут комбинироваться, но при этом надо следить, чтобы контейнеры имели вложенную структуру (контейнер, открытый позже, должен быть закрыт до того, как будет закрыт внешний). Например, для комбинации жирного и наклонного шрифтов можно использовать такой код:
<B> <I> пример </I> </B>
Пример простейшего HTML документа
<html>
<head>
| Общесистемные ТЭГи |
content="text/html; charset=windows-1251">
<meta name="GENERATOR" content="Arachnophilia 3.9 ">
<title>Пример работы</title>
</head>
| ТЭГ цвета фона документа |
<body bgcolor="#FFFFFF">
| Текст документа |
Пример работы
| Служебные ТЭГи |
</html>
Основные тэги HTML
| Назначение | Формат |
| Структура Web-страницы | |
| Начало и конец страницы | <HTML> </HTML> |
| Описание страницы, в том числе ее имя | <HEAD> </HEAD> |
| Имя страницы | <TITLE> </TITLE> |
| Содержание страницы | <BODY> </BODY> |
| Форматирование текста | |
| Заголовок (уровни от 1 до 6) | <H?> </H?> |
| Абзац | <P> </P> |
| Абзац с выравниванием | <H? ALIGN=”left”> </H?> <H? ALIGN=”center”> </H?> <H? ALIGN=”right”> </H?> |
| Перевод строки | <BR> |
| Горизонтальный разделитель | <HR> |
| Выравнивание по центру | <CENTER> </CENTER> |
| Нумерованный список | <OL> <LI></LI> </OL> |
| Ненумерованный список | <UL> <LI></LI> </UL> |
| Форматирование шрифта | |
| Жирный | <B> </B> |
| Курсив | <I> </I> |
| Подчеркнутый | <U> </U> |
| Верхний индекс | <SUB> </SUB> |
| Нижний индекс | <SUP> </SUP> |
| Размер шрифта (от 1 до 7) | <FONT SIZE=?> </FONT> |
| Цвет шрифта (задается названием цвета или его 16-ричным кодом) | <FONT COLOR=”#RRGGBB”> </FONT> |
| Гарнитура шрифта | <FONT FACE=”Arial”> </FONT> |
