2014-02-02
607
<html>... </html> означает, что наш текст действительно написан на языке HTML. Все, что расположено между этими тегами, считается HTML-документом.
<head>... </head> указывает на начало и конец заголовка документа. Заголовок располагается между тегами. В заголовке заключена различная служебная информация.
<title>... </title> Все, что находится между этими метками, толкуется браузером как название документа. Рекомендуется название не длиннее 64 символов.
<body>... </body> Эта пара меток указывает на начало и конец тела HTML-документа. Все, что расположено между ним и его закрывающим тегом (</BODY>), считается “телом” документа и отображается на экране.
<H1>... </H1> — <H6>... </H6> Метки вида <Hi> (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.
<P>... </P> Такая пара меток описывает абзац. Все, что заключено между <P> и </P>, воспринимается как один абзац.
Атрибут выравнивания
|
|
|
<H1 ALIGN= ”CENTER”> Выравнивание заголовка по центру </H1>
<P ALIGN=”RIGHT”> Выравнивание абзаца по центру </Р>
<HR> описывает горизонтальную линию (SIZE - определяет толщину линии в пикселах, WIDTH - определяет размах линии в процентах от ширины экрана): <HR SIZE=8 WIDTH=25%>
Комментарии <!-- Это комментарий -->
Маркированные списки: <UL>... </UL>
· Иванов;
· Петров;
· Сидоров
<UL>
<LI>Иванов;
<LI>Петров;
<LI>Сидоров
</UL>
Нумерованные списки: <OL>... </OL>
1. Иванов;
2. Петров;
3. Сидоров
<OL>
<LI>Иванов;
<LI>Петров;
<LI>Сидоров
</OL>
Форматированный текст: <PRE>... </PRE>
Гиперссылки позволяют перейти к другому документу
<A HREF="[адрес перехода]">выделенный фрагмент текста</A>
<A HREF="pr.htm">Перейти к оглавлению</A>
Ссылка на документ, находящийся на другом сервере:
<A HREF="https://www.vgta.vrn.ru/stprofkom/stud.htm"> Студенческая жизнь</A>
Закладки позволяют перейти в конкретное место документа
Сначала создается якорь (закладка)
<A NAME="AAA">Начало</A>
Слово "Начало" при этом никак не будет выделено в тексте документа.
Затем в другом документе добавляется ссылка на якорь
<A HREF="2.htm#AAA">Переход на начало документа 2 </A>
Переход к закладке можно определить и внутри самого документа 2.htm – достаточно только включить в него вот такой фрагмент:
<A HREF="#AAA">Переход на начало </A>
Ссылки и на другие виды ресурсов:
<A HREF="ftp://server/directory/file.ext">Загрузить файл file.ext </A>
<A HREF="mailto:user@mail.box">Послать письмо</A>
Изображения в HTML-документе. В HTML-документ можно встроить изображение в формате GIF (файл с расширением *.gif) или JPEG (файл с расширением *.jpg или *.jpeg):
|
|
|
<IMG SRC="picture.gif">
<IMG SRC="picture.gif" ALT="Картинка">
Кроме того, изображение можно сделать "горячим", то есть осуществлять переход по ссылке при нажатии на изображение:
<A HREF="pr.htm"><IMG SRC="picture.gif"> </A>
Цветовая гамма HTML-документа. Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатиричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF)..
bgcolor=#FFFFFF Цвет фона. Результат – белый цвет.
text=#000000 Цвет текста. Результат – черный цвет.
link=#FF0000 Цвет гипертекстовой ссылки. Результат – красный цвет.
Метка <BODY> может включать атрибут background = "[имя файла]", который задает изображение, служащее фоном для текста и других изображений.
Таблица
<TABLE BORDER=”1”> <!--Это начало таблицы-->
<CAPTION> <!--Это заголовок таблицы-->
У таблицы может быть заголовок
</CAPTION>
<TR> <!--Это начало первой строки-->
<TD> <!--Это начало первой ячейки-->
Первая строка, первая колонка
</TD> <!--Это конец первой ячейки-->
<TD> <!--Это начало второй ячейки-->
Первая строка, вторая колонка
</TD> <!--Это конец второй ячейки-->
</TR> <!--Это конец первой строки-->
<TR> <!--Это начало второй строки-->
<TD> <!--Это начало первой ячейки-->
Вторая строка, первая колонка
</TD> <!--Это конец первой ячейки-->
<TD> <!--Это начало второй ячейки-->
Вторая строка, вторая колонка
</TD> <!--Это конец второй ячейки-->
</TR> <!--Это конец второй строки-->
</TABLE> <!--Это конец таблицы-->
Таблица начинается с метки <TABLE> и заканчивается меткой </TABLE>. Метка <TABLE> может включать несколько атрибутов:
ALIGN - Устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: ALIGN="LEFT" (выравнивание влево), ALIGN="CENTER" (выравнивание по центру), ALIGN="RIGHT" (выравнивание вправо).
WIDTH - Ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400) или в процентах от ширины страницы (например, WIDTH=80%).
BORDER - Устанавливает ширину внешней рамки таблицы и ячеек в пикселах (например, BORDER=4). Если атрибут не установлен, таблица показывается без рамки.
CELLSPACING - Устанавливает расстояние между рамками ячеек таблицы в пикселах (например, CELLSPACING=2).
CELLPADDING - Устанавливает расстояние между рамкой ячейки и текстом в пикселах (например, CELLPADDING=10).
Таблица может иметь заголовок (<CAPTION>... </CAPTION>), хотя заголовок не является обязательным. Метка <CAPTION> может включать атрибут ALIGN. Допустимые значения: <CAPTION ALIGN="TOP"> (заголовок помещается над таблицей) и <CAPTION ALIGN="BOTTOM"> (заголовок помещается под таблицей).
