Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Заголовок HTML-документа

Читайте также:
  1. Заголовок SNAP
  2. Заголовок буклета.
  3. Заголовок таблицы документа html
  4. Прослушайте текст 2 раза, придумайте заголовок к нему и выполните задания, данные после текста.
  5. Создаем эффективный заголовок и описание
  6. Составить базовый HTML-файл, содержащий строку декларации, заголовок и тело документа.

A

(HTML 1.0) - Anchor
Самый необходимый элемент, без которого Интернет просто немыслим. Используется для создания и использования гипертекстовых ссылок.

Параметры:

HREF - определяет находящийся между начальным и конечным тэгами текст или изображение как гипертекстовую ссылку (URL, или линк) на документ (и/или область документа), указанный в значении данного параметра. Возможные значения:

http://... - создает ссылку на www-документ;
ftp://... - создает ссылку на ftp-сайт или расположенный на нем файл;
mailto:... - запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделенные знаком "&";
news:.. - создает ссылку на конференцию сервера новостей;
telnet://... - создает ссылку на telnet-сессию с удаленной машиной;
wais://... - создает ссылку на WAIS - сервер;
gopher://... - создает ссылку на Gopher - сервер;

Если тип соединения и адрес машины не указаны, в качестве отправной точки используется адрес текущего документа. Это позволяет использовать относительные ссылки. Например, линк <A HREF="docs/title.html"> Документация </A> будет ссылаться на файл title.html в подкаталоге docs (относительно текущего).

NAME - помечает находящуюся между начальным и конечным тэгами область документа как возможный объект для ссылки. В качестве значения нужно латиницей написать любое слово-указатель, уникальное для данного документа. Например: <A NAME="part">Раздел1</A>. Теперь вы можете ссылаться на помеченную область простым указанием ее имени после имени документа. Например, линк <A HREF="document.html#part">Раздел1</A> отправит вас в раздел "part" файла document.html, а линк <A HREF="#bottom">В конец документа</A> - в раздел "bottom" текущего документа. (см. Пример 1)

TARGET - определяет окно(фрейм), на которое указывает гипертекстовая ссылка. Этот параметр используется только совместно с параметром HREF. В качестве значения необходимо задать либо имя одного из существующих ôðåéìîâ <frames.html>, либо одно из следующих зарезевированных имен:

_self - указывает, что определенный в параметре HREF документ должен отображаться в текущем фрейме;
_parent - указывает, что документ должен отображаться во фрейме-родителе текущего фрейма. Иначе говоря, _parent ссылается на окно, содержащее FRAMESET, включающий текущий фрейм;
_top - указывает, что документ должен отображаться в окне-родителе всей текущей фэймовой структуры;
_blank - указывает, что документ должен отображаться в новом окне.

 

Пример 1:
<!-- Использование параметра NAME: --> <A NAME="history">История бодибилдинга</A>... <A NAME="now">Спорт глазами современника</A>... Вернуться к разделу<A HREF="#history">истории</A>

 

Пример 2:
<!-- Использование параметра HREF: --> <A HREF="ftp://ftp.cdrom.com" TARGET="_blank">FTP-site</A> <A HREF="http://opengl.rdc.ru">Русский проект по OpenGL</A>...

 

Пример 3:
<!-- Создадим ссылку для письма с указанием кучи параметров --> <A HREF="mailto:green@igf.ru?subject=Приглашение &cc=bg@microsoft.com&body=Приезжай на вечеринку."> Отправить приглашение </A>. <!-- или просто письмо: --> <A HREF="mailto:green@igf.ru?subject=Привет">авторам</A>.

 

Примечания:

Элемент A не может быть вложенным в себе подобные, то есть недопустимы конструкции вроде <A HREF="link1.html"> Первый линк <A HREF="link2.html">Второй линк</A> Продолжаем первый линк </A>
Если в параметре TARGET указать имя несуществующего окна или фрейма, создастся новое окно с указанным именем. Как мы видим, результат получится тот же, что и при задании TARGET="_blank", с той лишь разницей, что в последнем случае окно не будет иметь имени и на него нельзя будет ссылаться.
С помощью элемента BASE <base.html> вы можете указать значение TARGET для всех гиперссылок в текущем документе.

 

================================

ТерминСписокопределений Адреса ЦитатыГотовый ADDRESS

(HTML 2.0) - Address
Находящийся между начальным и конечным тэгами текст оформляется как почтовый адрес. Чаще всего оформление выражается в выделении строки адреса курсивом.

Пример:
Пишите по следующему адресу: <ADDRESS> Москва. ул. Академика Королева, 13 <BR> Мурзилке </ADDRESS>

 

Примечание:

Internet Explorer версии 3.0 неверно интерпретирует конечный тэг </ADDRESS>, поэтому весь текст, находящийся после адреса, будет отображаться курсивом. Эту ошибку можно легко устранить, поставив после </ADDRESS> любой элемент форматирования текста.
  Пример:
  <ADDRESS> Мой адрес не дом и не улица, <BR> Мой адрес - Советский Союз. </ADDRESS> <!-- избавляемся от глюка --> <I></I> Нормальный текст...

 

=============================================================================================

ТерминСписокопределений Адреса ЦитатыГотовый APPLET

(HTML 3.2) - Applet
Имеет начальный и конечный тэги. Используется для вставки в HTML Java-апплетов - программ на языке Java, исполняемых браузером на вашем компьютере. Java-апплет исполняется в специально отведенном для него месте, отображаясь в документе наподобие картинки. Поэтому многие параметры элемента APPLET сходны с параметрами элемента IMG <img.html>.
Если ваш браузер не имеет встроенной виртуальной Java-машины (и, соответственно, не поддерживает элемента APPLET), то на месте окошка Java-апплета вы увидите текст, заключенный между начальным и конечным тэгами.

Параметры:

CODE - обязательный параметр. Определяет имя файла исполняемого Java-апплета.

CODEBASE - указывает базовый адрес (URL), по которому находится файл с кодом исполняемого Java-апплета. Если парамер CODEBASE опущен, используется URL текущего документа.

ALIGN - обязательный параметр. Указывает способ выравнивания Java-апплета. Может принимать те же значения, что и аналогичный параметр элемента IMG <img.html>.

HEIGHT и WIDTH - обязательные параметры. Определяют ширину и высоту (в пикселах) окошка вывода программы.

HSPACE и VSPACE - определяют отступ (в пикселах) по горизонтали и вертикали от других объектов документа.

NAME - указывает имя Java-апплета, уникальное для данного документа. Позволяет Java-апплетам на данной странице находить себе подобных и взаимодействовать друг с другом.

ALT - определяет текст, отображаемый на месте апплета браузером, если браузер понимает элемент APPLET, но не может выполнять Java-апплеты.

SRC - указывает адрес (URL), ассоциированный с апплетом. Например, адрес сайта разработчика апплета.

Пример 1:
<APPLET CODE="JumpingGirl.class" WIDTH="30" HEIGHT="40" ALIGN="left" ALT="Прыгающая девочка"> Если вы видите этот текст, значит ваш браузер не поддерживает Java. </APPLET>

В результате слева отображается окошко (размером 30x40 точек) с прыгающей девочкой. Само собой, у вас должен быть файл JumpingGirl.class, который должен лежать в той же директории, что и текущий документ.

Пример 2:
<APPLET CODEBASE="http://www.igf.ru/javagames" CODE="CrazyTetris.class" WIDTH="300" HEIGHT="500" ALIGN="right" SRC="http://www.igf.ru" ALT="Игра Тетрис"> </APPLET>

В данном примере справа отображается окошко (размером 300x500 точек) с игрой Тетрис. Браузер будет пытаться загрузить игру используя URL "http://www.igf.ru/javagames/СrazyTetris.class".

Примечание:

Для передачи Java-программе каких-либо параметров используется элемент PARAM <param.html>.

 

==============================================================================================

ТерминСписокопределений Адреса ЦитатыГотовый AREA

(HTML 3.2) - Map Area
Создает область карты, определенной с помощью элемента MAP <map.html>. Элемент должен располагаться между начальным и конечным тэгами элемента MAP. Не имеет конечного тэга.

Параметры:

SHAPE - определяет форму навигационной области. Возможные значения:

rect - прямоугольник;
circle - окружность;
poly - многоугольник.

В зависимости от выбранной формы меняется способ задания ее координат в параметре COORDS.

COORDS - определяет координаты навигационной области на карте. Способы задания координат для разных типов областей:

SHAPE="rect" COORDS="левый x, верхний y, правый x, нижний y";
SHAPE="circle" COORDS="центр x, центр y, радиус";
SHAPE="poly" COORDS="x1,y1,x2,y2,x3,y3,...";

HREF - определяет область как гипертекстовую ссылку. Значение задается в виде ссылки (URL).

TARGET - определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот параметр используется только совместно с параметром HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов (см. элемент FRAME <frame.html>) либо одно из зарезевированных имен, подробно описанных в параметре TARGET элемента <a.html>.

NOHREF - определяет область как неактивную (невосприимчивую к нажатию). Данный параметр противоположен параметру HREF и используется для отмены действия последнего.

ALT - определяет альтернативный текст-подсказку для данной области.

Пример:
<!-- Создаем хитрую карту с круглой дыркой посередине --> <MAP NAME="map1"> <AREA NOHREF SHAPE="circle" COORDS="80,70,40"> <AREA HREF="guide.html" ALT="Путеводитель" SHAPE="rect" COORDS="0,0,167,140"> </MAP>... <!-- Применяем ее к картинке --> <IMG src="img/logo.gif" WIDTH="167" HEIGHT="140" BORDER="0" ALT="Путеводитель" USEMAP="#map1">

Примечания:

В последовательности из нескольких элементов AREA наибольший приоритет имеют те, которые были определены первыми. Они перекрывают области, определенные позже. Именно поэтому в приведенном выше примере сначала создается пассивная область (отверстие) и лишь потом - активная со ссылкой.
Старайтесь всегда указывать параметр ALT. Пользователи, работающие в текстовом режиме (а таких немало!), скажут вам спасибо.

 

 

B

(HTML 3.2) - Bold
Текст, заключенный между начальным и конечным тэгами, будет выделен жирным шрифтом.

 

Пример:
Текст с <B>выделенным</B> словом

 

 

BASE

(HTML 3.2) - Base URL
Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тэга. Обязательно присутствие хотя бы одного из параметров.

 

Параметры:

HREF - определяет базовый адрес (URL) текущего документа.

TARGET - определяет имя фрейма, которое будет использоваться в гиперссылках по умолчанию. Это может вам пригодиться, если вы хотите открывать все ссылки документа в другом фрейме.

 

Пример:
<HEAD> <!-- Пусть браузер думает, что находится по адресу: --> <BASE HREF="http://www.igf.ru/other/index.html"> <TITLE>Руководство по эксплуатации</TITLE> </HEAD>... <!-- А теперь создадим относительную ссылку на документ --><!-- http://www.igf.ru/list.html --> <A HREF="../list.html">Список</A>...

 

 

Таблица базовых цветов

Это основные цвета, используемые в HTML. Все они прекрасно отображаются даже в 256-цветном режиме работы видеокарты. Несомненно, для оригинального цветового дизайна сайтов их маловато.

  Black   Navy
  Gray   Blue
  Silver   Aqua
  White   Green
  Red   Lime
  Fuchsia   Teal
  Maroon   Yellow
  Purple   Olive


Для получения любого другого оттенка применяются комбинации RGB-значений цвета, записанные в шестнадцатиричном формате. Приведенные ниже 216 цветов считаются "безопасными" (browser-safe), т.к. хорошо отображаются браузерами на мониторах в 256-цветном режиме. Именно эти цвета используются дизайнерами для страниц поисковых систем с огромной аудиторией, то есть используются там, где нужна максимальная совместимость.
Для удобства я расположил "безопасные" цвета в три таблицы по 216 цветов, отсортированные по разным цветовым компонентам.

Красный и Синий - добавляем Зеленый
        0000cc 0000ff
        3300cc 3300ff
        6600cc 6600ff
        9900cc 9900ff
cc0000 cc0033 cc0066 cc0099 cc00cc cc00ff
ff0000 ff0033 ff0066 ff0099 ff00cc ff00ff
        0033cc 0033ff
        3333cc 3333ff
        6633cc 6633ff
        9933cc 9933ff
cc3300 cc3333 cc3366 cc3399 cc33cc cc33ff
ff3300 ff3333 ff3366 ff3399 ff33cc ff33ff
        0066cc 0066ff
        3366cc 3366ff
        6666cc 6666ff
        9966cc 9966ff
cc6600 cc6633 cc6666 cc6699 cc66cc cc66ff
ff6600 ff6633 ff6666 ff6699 ff66cc ff66ff
        0099cc 0099ff
        3399cc 3399ff
        6699cc 6699ff
        9999cc 9999ff
cc9900 cc9933 cc9966 cc9999 cc99cc cc99ff
ff9900 ff9933 ff9966 ff9999 ff99cc ff99ff
00cc00 00cc33 00cc66 00cc99 00cccc 00ccff
33cc00 33cc33 33cc66 33cc99 33cccc 33ccff
66cc00 66cc33 66cc66 66cc99 66cccc 66ccff
99cc00 99cc33 99cc66 99cc99 99cccc 99ccff
cccc00 cccc33 cccc66 cccc99 cccccc ccccff
ffcc00 ffcc33 ffcc66 ffcc99 ffcccc ffccff
00ff00 00ff33 00ff66 00ff99 00ffcc 00ffff
33ff00 33ff33 33ff66 33ff99 33ffcc 33ffff
66ff00 66ff33 66ff66 66ff99 66ffcc 66ffff
99ff00 99ff33 99ff66 99ff99 99ffcc 99ffff
ccff00 ccff33 ccff66 ccff99 ccffcc ccffff
ffff00 ffff33 ffff66 ffff99 ffffcc ffffff
Красный и Зеленый - добавляем Синий
        00cc00 00ff00
        33cc00 33ff00
        66cc00 66ff00
        99cc00 99ff00
cc0000 cc3300 cc6600 cc9900 cccc00 ccff00
ff0000 ff3300 ff6600 ff9900 ffcc00 ffff00
        00cc33 00ff33
        33cc33 33ff33
        66cc33 66ff33
        99cc33 99ff33
cc0033 cc3333 cc6633 cc9933 cccc33 ccff33
ff0033 ff3333 ff6633 ff9933 ffcc33 ffff33
        00cc66 00ff66
        33cc66 33ff66
        66cc66 66ff66
        99cc66 99ff66
cc0066 cc3366 cc6666 cc9966 cccc66 ccff66
ff0066 ff3366 ff6666 ff9966 ffcc66 ffff66
        00cc99 00ff99
        33cc99 33ff99
        66cc99 66ff99
        99cc99 99ff99
cc0099 cc3399 cc6699 cc9999 cccc99 ccff99
ff0099 ff3399 ff6699 ff9999 ffcc99 ffff99
0000cc 0033cc 0066cc 0099cc 00cccc 00ffcc
3300cc 3333cc 3366cc 3399cc 33cccc 33ffcc
6600cc 6633cc 6666cc 6699cc 66cccc 66ffcc
9900cc 9933cc 9966cc 9999cc 99cccc 99ffcc
cc00cc cc33cc cc66cc cc99cc cccccc ccffcc
ff00cc ff33cc ff66cc ff99cc ffcccc ffffcc
0000ff 0033ff 0066ff 0099ff 00ccff 00ffff
3300ff 3333ff 3366ff 3399ff 33ccff 33ffff
6600ff 6633ff 6666ff 6699ff 66ccff 66ffff
9900ff 9933ff 9966ff 9999ff 99ccff 99ffff
cc00ff cc33ff cc66ff cc99ff ccccff ccffff
ff00ff ff33ff ff66ff ff99ff ffccff ffffff
Зеленый и Синий - добавляем Красный
        0000cc 0000ff
        0033cc 0033ff
        0066cc 0066ff
        0099cc 0099ff
00cc00 00cc33 00cc66 00cc99 00cccc 00ccff
00ff00 00ff33 00ff66 00ff99 00ffcc 00ffff
        3300cc 3300ff
        3333cc 3333ff
        3366cc 3366ff
        3399cc 3399ff
33cc00 33cc33 33cc66 33cc99 33cccc 33ccff
33ff00 33ff33 33ff66 33ff99 33ffcc 33ffff
        6600cc 6600ff
        6633cc 6633ff
        6666cc 6666ff
        6699cc 6699ff
66cc00 66cc33 66cc66 66cc99 66cccc 66ccff
66ff00 66ff33 66ff66 66ff99 66ffcc 66ffff
        9900cc 9900ff
        9933cc 9933ff
        9966cc 9966ff
        9999cc 9999ff
99cc00 99cc33 99cc66 99cc99 99cccc 99ccff
99ff00 99ff33 99ff66 99ff99 99ffcc 99ffff
cc0000 cc0033 cc0066 cc0099 cc00cc cc00ff
cc3300 cc3333 cc3366 cc3399 cc33cc cc33ff
cc6600 cc6633 cc6666 cc6699 cc66cc cc66ff
cc9900 cc9933 cc9966 cc9999 cc99cc cc99ff
cccc00 cccc33 cccc66 cccc99 cccccc ccccff
ccff00 ccff33 ccff66 ccff99 ccffcc ccffff
ff0000 ff0033 ff0066 ff0099 ff00cc ff00ff
ff3300 ff3333 ff3366 ff3399 ff33cc ff33ff
ff6600 ff6633 ff6666 ff6699 ff66cc ff66ff
ff9900 ff9933 ff9966 ff9999 ff99cc ff99ff
ffcc00 ffcc33 ffcc66 ffcc99 ffcccc ffccff
ffff00 ffff33 ffff66 ffff99 ffffcc ffffff

 

BASEFONT

(HTML 4.0) - Base Font
Не имеет конечного тэга. Определяет основной шрифт, которым должен отображаться текст документа.
Впоследствии вы можете легко изменить шрифт в любой части документа, используя элемент FONT. Действие элемента BASEFONT не распространяется на текст, заключенный в ячейки таблиц.

 

Параметры:

SIZE - обязательный параметр. Определяет базовый размер шрифта. Возможные значения: целые числа от 1 до 7 включительно.

FACE - определяет используемый шрифт (гарнитуру).

Пример:
<BODY> <BASEFONT SIZE="3">... Текст документа шрифтом 3 размера... <FONT SIZE="+1"> Слегка увеличиваем шрифт </FONT>... Продолжаем шрифтом 3 размера... </BODY>

 

 

Примечание:

Параметр FACE пока игнорируется большинством браузеров, но в будущем наверняка станет стандартом де-факто. А пока, если вы хотите явно указать тип шрифта для всего документа, используйте элемент FONT:


Пример:
<BODY> <FONT FACE="Arial">... Основной текст документа шрифтом Arial... <FONT FACE="Times" SIZE="5"> Вставка текста увеличенным шрифтом Таймс </FONT>... Продолжается основной текст документа шрифтом Arial... </FONT> </BODY>

 

 

 

BIG

(HTML 3.2) - Big
Текст, заключенный между начальным и конечным тэгами, отображается увеличенным шрифтом (относительно текущего).

 

Пример:
Текст с <BIG>увеличенным</BIG> словом

 

 

Примечание:

В настоящее время элемент BIG поддерживают только браузеры Internet Explorer и Netscape. Если вы хотите обеспечить совместимость с другими средствами просмотра, используйте тэг <FONT SIZE="+1"> (см. элемент FONT).

 

BLOCKQUOTE

(HTML 2.0) - Block Quote
Оформляет находящийся между начальным и конечным тэгами текст как цитату. Используется для длинных цитат (в отличие от элемента CITE). Цитируемый текст отображается отдельным абзацем с увеличенным отступом.

 

Пример:
Редакция журнала "Домосед" выражает благодарность Бухаресту Магарычу Шницелю за замечательное стихотворение: <BLOCKQUOTE> Синели красные ромашки,<BR> Желтели в небе облака,<BR> Синицы в теплый край летели,<BR> К истоку двигалась река.<BR>... </BLOCKQUOTE>

 

 

BODY

(HTML 2.0) - Body
Указывает начало и конец тела HTML-документа. Между начальным и конечным тэгами содержится текст документа, изображения и таблицы. Одним словом, все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки. Элемент BODY должен встречаться в документе не более одного раза.

 

Параметры:

MARGINHEIGHT - определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Netscape.

TOPMARGIN - определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.

MARGINWIDTH - определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Netscape.

LEFTMARGIN - определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Internet Explorer.

BACKGROUND - определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате gif или jpg.

BGCOLOR - определяет цвет фона документа.

TEXT - определяет цвет текста в документе.

LINK - определяет цвет гиперссылок в документе.

ALINK - определяет цвет подсветки гиперссылок в момент нажатия.

VLINK - определяет цвет гиперссылок на документы, которые вы уже просмотрели.

Значения параметров BGCOLOR, TEXT, LINK, ALINK и VLINK задаются либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.


Пример:
<HTML> <BODY BACKGROUND="images/bricks.jpg" BGCOLOR="#202020" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#505050" MARGINHEIGHT="30" TOPMARGIN="30" LEFTMARGIN="40" MARGINWIDTH="40">... Текст документа.... </BODY> </HTML>

 

 

Примечание:

При задании ширины полей для обеспечения совместимости со всеми видами браузеров используйте одновременно параметры MARGINWIDTH/MARGINHEIGHT и TOPMARGIN/LEFTMARGIN как показано в примере.
Всегда указывайте параметры BGCOLOR и TEXT одновременно. Считайте, что они неразлучны. Если один из этих параметров не указан, браузер по умолчанию будет использовать цвет из текущей цветовой схемы Windows. А теперь представьте, что будет, если пользователь использует нестандартную раскраску Windows, где все цвета инвертированы? То-то. Некрасиво получится.

 

BR

(HTML 2.0) - Break
Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе. После того, как в браузерах появилась возможность обтекания изображения текстом (cм. параметр ALIGN элемента IMG), понадобился дополнительный параметр CLEAR. Элемент не имеет конечного тэга.

 

Параметры:

CLEAR - указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения:

all - завершить обтекание изображения текстом.
left - завершить обтекание текстом изображения, выровненного по левому краю.
right - завершить обтекание текстом изображения, выровненного по правому краю.

 

Пример:
Первое предложение<BR>Второе предложение на следующей строке

 

 

Примечание:

Возьмите себе за правило всегда ставить <br> после тэга <img...>. В противном случае все картинки будут иметь неприятный отступ.
Параметр CLEAR почему-то используется очень редко. А зря.

 

CAPTION

(HTML 3.2) - Caption
Задает заголовок таблицы. Содержание заголовка должно состоять только из текста. Использование блочных элементов в этом случае недопустимо.

 

Параметры:

ALIGN - определяет способ вертикального выравнивания заголовка таблицы. Возможные значения:

top - помещает заголовок над таблицей (значение по умолчанию);
bottom - помещает заголовок под таблицей.

 

Пример:
<TABLE BORDER="1"> <CAPTION ALIGN="bottom">Заголовок таблицы</CAPTION> <TR> <TD>Ячейка таблицы</TD> </TR> </TABLE>

 

 

CITE

(HTML 2.0) - Citation
Оформляет находящийся между начальным и конечным тэгами текст как цитату или ссылку на источник. Обычно используется для коротких цитат (в отличие от элемента BLOCKQUOTE). Цитируемый текст отображается курсивом.

 

Пример:
Как сказал классик:<BR> <CITE>"Грамотное написание HTML способствует пищеварению"</CITE>

 

 

CODE, SAMP

(HTML 2.0) - Code, Sample
Данные элементы оформляют текст, находящийся между начальным и конечным тэгами, как формулу или программный код. Текст при этом как правило отображается моноширинным шрифтом.

 

Пример:
Формула: <CODE> n=((x*15-z/1.25)/4)^5 </CODE>

 

 

DD

(HTML 2.0) - Definition Description
Cоздает определение термина внутри элемента DL.

DIV

(HTML 3.2) - Division
Используется для отделения блока HTML-документа от остальной части документа. Находящиеся между начальным и конечным тэгами текст или HTML-элементы оформляются как отдельный параграф.

 

Параметры:

ALIGN - определяет выравнивание содержимого элемента DIV. Параметр может принимать следующие значения: left, right, center.

 

Пример:
...Текст документа... <DIV ALIGN="center">...Текст, таблицы, изображения. Выравнивание по центру. </DIV>...Текст документа...

 

 

Примечание:

У параметра ALIGN есть еще одно значение - justify, поддерживаемое современными браузерами. Оно позволяет путем равномерного распределения выравнивать текст одновременно по левому и правому краям документа. Не понимающие justify браузеры будут выравнивать текст по левому краю.

 

DL

(HTML 2.0) - Definition List
Открывает и закрывает список определений (терминов и их описаний). Определения задаются с помощью тэгов <DT> и <DD>.

 

Параметры:

COMPACT - включает режим "компактного" отображения списка. Удобно использовать, если список определений очень велик. Данный параметр является флагом и не требует присвоения значения.

Пример:
<DL COMPACT> <DT>Жапура<DD>Река в Колумбии и Бразилии <DT>Зайцы<DD>Семейство млекопитающих отряда зайцеобразных... </DL>

 

 

EM

(HTML 2.0) - Emphasis
Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тэгами. Результат обычно отображается курсивом. То есть элемент EM практически аналогичен по действию элементу I.

 

Пример:
Порой в России встречаются <EM>действительно талантливые</EM> веб-мастера. Но только не друг с другом.

 

 

EMBED

(В спецификациях W3C отсутствует) - Embed
Используется для вставки в HTML различных объектов: не-HTML документов и media-файлов. Тип вставляемого объекта, будь то музыкальный wav/midi-файл или трехмерный мир VRML, должен быть зарегистрирован на машине пользователя как проигрываемый одним из имеющихся plug-in'ов или поддерживаемый каким-либо приложением. Если браузер поддерживает элемент EMBED, содержащиеся между начальным и конечным тэгами текст и элементы будут игнорироваться.

 

Параметры:

Вставка объекта происходит так же, как и вставка изображения (см. элемент IMG): под внедряемый объект необходимо сначала выделить место. Поэтому элемент EMBED имеет ряд одинаковых с элементом IMG параметров, а именно: NAME, ALIGN, ALT, BORDER, WIDTH, HEIGHT, HSPACE и VSPACE.

Другие параметры:

SRC - обязательный параметр. Определяет имя файла вставляемого объекта.

PLUGINSPACE - указывает на адрес (URL), по которому можно найти plug-in, необ-ходимый для просмотра типа файлов, аналогичных указанному в параметре SRC.

PALETTE - определяет тип цветовой палитры для просмотра объекта. Данный параметр работает только на Windows-машинах с 256-цветной системной палитрой. Возможные значения:

background - использовать background-палитру для отображения объекта (используется по умолчанию).
foreground - использовать foreground-палитру для отображения объекта.

HIDDEN - определяет, отображать указанный объект или нет. Возможные значения:

true - отображать объект.
false - не отображать объект (используется по умолчанию).

TYPE - явно указывает браузеру к какому типу файлов относится загружаемый объект, помогая определить необходимое средство просмотра (plug-in). В качестве значения указывается зарегестрированный MIME-тип файла.

 

Пример 1:
<EMBED SRC="music.mid" HIDDEN="true"> <NOEMBED>Альтернативный текст для старых браузеров</NOEMBED> </EMBED>

 

 


Пример 2:
<EMBED SRC="music.vrml" HEIGHT="300" WIDTH="200" HSPACE="10" ALIGN="center" PLUGINSPACE="../plugins/download_vrml.html"> <NOEMBED>Альтернативный текст для старых браузеров</NOEMBED> </EMBED>

 

 

Примечания:

Для старых браузеров, не поддерживающих элемент EMBED, необходимо использовать элемент NOEMBED с указанием между начальным и конечным тэгами альтернативного текста, как показано в примерах выше.
Обратите внимание - в спецификациях консорциума W3C про EMBED ничего не сказано (!), скороее всего данный элемент появился по инициативе разработчиков Netscape 1.1 и с тех пор поддерживается всеми браузерами для совместимости (начиная с MSIE 3.0-beta-2 и выше).
Каким бы привлекательным элемент EMBED вам ни казался, но, поверьте, лучше его не использовать. Далеко не каждому может понравиться принудительное проигрывание MID-файла или попытка прокрутить ролик в неизвестном браузеру формате. Если вам все же не терпится украсить HTML чем-нибудь из ряда вон выходящим, не поленитесь, потратьте время на усиленное тестирование со всеми популярными видами браузеров.

 

FONT

(HTML 3.2) - Font
Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тэгами. Вне тэгов <FONT> и </FONT> используется шрифт, указанный в элементе BASEFONT.

 

Параметры:

SIZE - определяет размер шрифта. Возможные значения:

- целое число от 1 до 7;
- относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью параметра SIZE элемента BASEFONT.

COLOR - определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

FACE - определяет используемый шрифт.

 

Пример:
<FONT SIZE="+2" COLOR="#AA0000">Увеличенный красный шрифт</FONT> <FONT SIZE="3" FACE="Courier" COLOR="Magenta">Моноширинный фиолетовый текст 3 размера</FONT>

 

 

Примечание:

Будьте внимательны. Многие элементы форматирования текста (PRE, CODE, KBD, SAMP...), расположенные внутри элемента FONT, работают некорректно. Параметр FACE старайтесь никогда не использовать. Если на компьютере пользователя не окажется указанного шрифта - глюки неизбежны.

 

FORM

(HTML 2.0) - Form
Используется для создания заполяемой формы. Необходимо присутствие начального и конечного тэгов. Внутри элемента FORM разрешается использовать большинство HTML-элементов.

 

Параметры:

NAME - определяет имя формы, уникальное для данного документа. Используется, если в документе присутствует несколько форм.

ACTION - обязательный параметр. Определяет URL, по которому будет отправлено содержимое формы. Это может быть либо адрес электронной почты, либо путь к скрипту сервера, обслуживающему данную форму.

METHOD - определяет способ отправки содержимого формы. Возможные значения GET (по умолчанию) и POST.

ENCTYPE - определяет способ кодирования содержимого формы при отправке. По умолчанию используется "application/x-www-form-urlencoded".

TARGET - определяет имя окна, в которое возвращается результат обработки отправленной формы. Возможные значения: _self, _parent, _top, _blank или явно указанное имя окна. Подробное описание значений смотрите в параметре TARGET элемента A.

 

Пример:
<!-- Создаем форму --> <FORM ACTION="www.igf.ru/cgi-bin/thanks.pl" NAME="TestForm"> <!-- Внутри формы создаем милое такое окошечко --> <INPUT TYPE="text" SIZE="20" VALUE="Ф/И/О/Возраст/Размер ботинок"> <INPUT TYPE="submit" VALUE="Отправить"> </FORM> <!-- Все, конец форме -->

 

 

Формы

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


Элементы для создания форм:

FORM Создает заполяемую форму
TEXTAREA Создает поле для ввода нескольких строк текста
SELECT Создает меню в заполняемой форме
OPTION Создает отдельные пункты в меню (см. SELECT)
INPUT Создает поле в форме

 

 

FRAME

(HTML 4.0) - Frame
Определяет фрейм и его свойства внутри FRAMESET-структуры. (см. элемент FRAMESET)

Параметры:

SRC - обязательный параметр. Указывает адрес (URL) HTML-файла, отображаемого в данном фрейме.

NAME - определяет имя данного фрейма, которое будет в дальнейшем использоваться для ссылки на него из других документов с помощью параметра TARGET (см. элемент A). В качестве значения нужно указать любое имя без пробелов с использованием латинских символов и цифр. Имя не должно начинаться с цифр и специальных символов.

MARGINWIDTH - определяет ширину (в пикселах) левого и правого полей фрейма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа.

MARGINHEIGHT - определяет ширину (в пикселах) верхнего и нижнего полей фрейма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа.

SCROLLING - определяет наличие линеек прокрутки содержимого фрейма. Возможные значения:

yes - отображать линейки прокрутки.
no - не отображать линейки прокрутки.
auto - отображать линейки прокрутки при необходимости (если документ, указанный в параметре SRC, не умещается во фрейме).

NORESIZE - не позволяет изменять размеры фрейма. Данный параметр является флагом и не требует указания значения.

FRAMEBORDER - определяет наличие рамок у фрейма. Возможные значения:

yes - отображать рамки;
no или 0 - не отображать рамки;

Браузеры Netscape не поддерживают данный параметр в полной мере и для глобального определения ширины рамок используют параметр BORDER элемента FRAMESET.

 

Пример (файл index.html):
... <FRAMESET FRAMEBORDER="0" FRAMESPACING="0" BORDER="0" COLS="265,*"> <FRAME SRC="frame1.html" NAME="page"> <FRAMESET ROWS="165,*"> <FRAME SRC="frame2.html" NAME="menu1" MARGINWIDTH="0"> <FRAME SRC="frame3.html" NAME="menu2" MARGINWIDTH="0"> </FRAMESET> <NOFRAMES>Ваш браузер не поддерживает фреймы</NOFRAMES> </FRAMESET> <BODY> </BODY>...

 


В результате окно браузера разделится на три фрейма, как показано ниже. Причем frame1.html будет иметь ширину 265 пикселов, а frame2.html - высоту 165.

Фреймы

Фреймы используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ (фрейм). Как правило, фреймы используются для облегчения навигации по сайту, создания навигационного меню. Тем не менее, большинство разработчиков избегают использования фреймов, к чему, поверьте, имеют довольно веские основания. Старайтесь использовать фреймы только тогда, когда это действительно необходимо.

 

 

Элементы для создания фреймов и работы с ними:

FRAMESET Определяет фреймовую (оконную) структуру документа: размеры и расположение фреймов на странице
FRAME Определяет фрейм и его свойства внутри FRAMESET-структуры
NOFRAMES Определяет что показывать, если браузер не поддерживает фреймы

 

 

Примечания:

Внимательно следите, чтобы все вышеперечисленные элементы находились вне элемента BODY. Фреймы к телу документа никаким боком не относятся!

 

FRAMESET

(HTML 4.0) - Frame Set
Определяет фреймовую (оконную) структуру документа: размеры и расположение фреймов на странице.
Открывает и закрывает список фреймов, определяемых с помощью элемента FRAME. Между начальным и конечным тэгами кроме элементов FRAME и NOFRAME могут находиться другие элементы FRAMESET. То есть элемент FRAMESET поддерживает вложенные конструкции фреймов.

 

Параметры:

ROWS - определяет количество и размеры горизонтальных фреймов (фреймов-строк) в окне браузера. В качестве значения задается список размеров фреймов через запятую. Способы задания размеров:

• в процентах от высоты рабочей области окна браузера. Например: "30%,30%,40%";
• в виде знака "*" (звездочка), говорящего о том, что фрейм занимает все свободное пространство окна браузера, незанятое другими фреймами с явно указанными размерами. Например, звездочка в записи "25%,25%,*" равносильна 50%;
• в пикселах. Например: "75,*";

Все три способа можно совмещать. Например, "25%,40,*" разобъет экран на три горизонтальных фрейма, первый из которых будет высотой в четверть окна браузера, второй - в 40 пикселов, а третий займет всю оставшуюся площадь.

COLS - определяет количество и размеры вертикальных фреймов (фреймов-столбцов) в окне браузера. В качестве значения задается список размеров фреймов через запятую. Размеры задаются так же, как и в предыдущем параметре ROWS.

BORDER - определяет ширину рамок фреймов в пикселах. Данный параметр действует только в браузерах Netscape;

FRAMEBORDER - определяет наличие рамок у содержащихся внутри FRAMESET фреймов. Возможные значения:

Yes - отображать рамки;
No или 0 - не отображать рамки;

Браузеры Netscape не поддерживают данный параметр в полной мере и для глобального определения ширины рамок используют параметр BORDER.

FRAMESPACING - определяет расстояние (так называемую "серую область") между фреймами в пикселах. Данный параметр необходим для создания фреймов без рамок.

Примечание:

Обратите внимание на то, что FRAMESET-структура должна располагаться до элемента BODY. FRAMESET-структура, расположенная в заголовке (внутри элемента HEAD) не будет считаться ошибкой, однако лучше этого не делать.

 

HEAD

(HTML 1.0) - Head
Определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе. (TITLE,BASE,STYLE,LINK,META).


Пример:
<HTML> <!-- Начинаем заголовок... --> <HEAD> <title>Справочник по HTML</title> </HEAD> <!--...кончили. Дальше пошло тело документа --> <BODY> Текст документа </BODY> </HTML>

 

 

Заголовок HTML-документа

Создается с помощью элемента HEAD, между тэгами которого размещаются элементы, содержащие техническую информацию о документе. Заголовок обычно располагается до тела документа (см. структуру HTML-документа).


Элементы, относящиеся к заголовку документа:

HEAD Определяет начало и конец заголовка документа
TITLE Определяет имя всего документа, которое отображается в заголовке окна браузера
BASE Определяет базовый адрес, от которого отсчитываются относительные линки внутри документа
STYLE Используется для вставки в документ таблицы стилей CSS
LINK Описывает взаимосвязь документа с другими объектами
META Используется для вставки метаданных

 

 

Дата добавления: 2015-11-16; просмотров: 60 | Нарушение авторских прав

<== предыдущая страница | следующая страница ==>
So seldom are clean -| Структура HTML-документа. Начинаем работу.
mybiblioteka.su - 2015-2024 год. (0.092 сек.)