ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 04.12.2019

Просмотров: 4886

Скачиваний: 4

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

СОДЕРЖАНИЕ

<!-- -->

Пример:

Примечания:

Заголовок

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

HEAD

Пример:

TITLE

Пример:

Примечания:

BASE

Атрибуты

Пример:

STYLE

Атрибуты

Пример:

Примечания

Рекомендуем почитать про CSS:

LINK

Атрибуты

Пример 1

Пример 2

Примечание

META

Атрибуты

Пример:

Фреймы

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

Примечания

FRAME

Атрибуты

Пример (файл index.html):

FRAMESET

Атрибуты

Примечание

NOFRAMES

Пример:

Скрипты

Элементы для работы со скриптами

SCRIPT

Атрибуты

Пример 1:

Пример 2:

Где размещать скрипт

NOSCRIPT

Пример:

Навигационные карты

Пример:

Примечание

MAP

Атрибуты

Пример:

AREA

Атрибуты

Пример:

Примечания

Тело документа

Примечания

BODY

Атрибуты

Пример:

Примечания

Гиперссылки

Ссылки на другие сайты по данной теме

A

Атрибуты

Пример 1

Пример 2

Пример 3

Примечания

Ссылки на другие сайты по данной тематике

Текстовые блоки

Элементы

H1,H2,...H6

Атрибуты

Пример:

DIV

Атрибуты

Пример:

Примечание

ADDRESS

Пример

Примечание

BLOCKQUOTE

Пример:

BR

Атрибуты

Пример:

Примечание

HR

Атрибуты

Пример:

PRE

Пример:

Примечание

LISTING, PLAINTEXT, XMP

Форматирование текста

Элементы форматирования текста

BASEFONT

Атрибуты

Пример:

Примечание

Пример

FONT

Атрибуты

Пример:

Примечание

I

Пример:

EM

Пример:

Примечание

B

Пример:

STRONG

Пример:

Примечание

U

Пример:

S, STRIKE

Пример:

BIG

Пример:

Примечание

SMALL

Пример:

Примечание

SUP

Пример:

SUB

Пример:

CODE, SAMP

Пример:

TT

Пример:

TT

Пример:

KBD

Пример:

VAR

Пример:

CITE

Пример

Списки

Элементы

UL

Пример:

UL

Пример:

OL

Атрибуты

Пример:

LI

Атрибуты

Пример

Примечания

MENU, DIR

DL

Атрибуты

Пример:

DT

DD

Объекты

Элементы

IMG

Атрибуты

Пример 1:

Пример 2. Использование изображения в качестве гиперссылки:

Пример 3. Использование ISMAP:

Пример 4. Использование USEMAP:

Примечания (особо важно)

EMBED

Атрибуты

Другие атрибуты

Пример 1:

Пример 2:

Примечания

Смотрите также

Ссылки на другие сайты по данной теме

NOEMBED

Пример:

APPLET

Атрибуты

Пример 1:

Пример 2:

Примечание

PARAM

Пример

CAPTION

Атрибуты

Пример:

TABLE

Атрибуты

Примечания

Пример

TD и TH

Атрибуты

Примечания

Пример:

TR

Атрибуты

Примеры таблиц

Пример 1:

Пример 2:

Формы

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

FORM

Атрибуты

Пример:

Примечания

TEXTAREA

Атрибуты

Пример:

Примечание

SELECT

Атрибуты

Пример:

Результат

OPTION

Атрибуты

Пример:

INPUT

Атрибуты

Пример 1:

Пример 2:

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>
...



STYLE

(HTML 3.2) - Style

Используется для вставки в документ таблицы стилей (CSS - Cascade Style Sheet).

Атрибуты

TYPE - обязательный атрибут. Определяет MIME-тип вставляемого блока стилей. Как правило, значением этого атрибута является "text/css".

TITLE - определяет имя создаваемой таблицы стилей. Необходим, если вы собираетесь использовать несколько элементов STYLE в одном документе. В этом случае браузер должен спросить пользователя, какой из предложенных стилей будет применен к документу.

Пример:

<HEAD>
<TITLE>Пример использования таблицы стилей</TITLE>
<!-- Втыкаем табличку стилей -->
<STYLE TYPE="text/css" TITLE="Cool table">
<!--
A {text-decoration : none;}
P {color : blue; font-size : 12pt; font-family : Arial;}
H1 {color : red; font-size : 18pt;}
--></font>
</STYLE>
<!-- ... кончили втыкать -->
</HEAD>

Примечания

  • Практически все популярные браузеры игнорируют атрибут TITLE, поэтому можете его не использовать. А жаль, задумка-то была неплохая...

Рекомендуем почитать про CSS:



LINK

(HTML 2.0) - Link

Элемент LINK описывает взаимосвязь документа с другими документами на сайте, указывая его место в иерархической структуре сайта. Элемент не имеет конечного тега. В заголовке может содержаться несколько элементов LINK.

Атрибуты

HREF - определяет URL объекта.

REL - определяет тип взаимосвязи текущего документа с объектом, определенным атрибутом HREF. Возможные значения:

  • stylesheet - указывает на файл, содержащий таблицу стилей (CSS) для текущего документа. Браузер загрузит css-файл с указанного в атрибуте HREF адреса и применит его к текущему документу (см. также элемент STYLE)

  • home - указывает на заглавную страницу вашего сайта

  • toc, contents - указывают на файл, содержащий оглавление данного документа.

  • index - указывает на файл, содержащий информацию для индексного поиска по текущему документу.

  • glossary - указывает на файл, содержащий перечень терминов, относящихся к текущему документу.

  • copyright - указывает на страницу сайта, в которой говорится о его создателях, авторских правах и т.п.

  • up, parent - указывает на "родительскую" страницу (документ, стоящий на ступеньку выше в иерархической структуре вашего сайта).

  • child - указывает на "дочернюю" страницу (документ, стоящий на ступеньку ниже в иерархической структуре вашего сайта).

  • next - указывает на следующую страницу в последовательности документов (напр. следующую страницу электронного каталога, документации или словаря).

  • previous - указывает на предыдущую страницу в последовательности документов. last, end - указывает на последнюю страницу в последовательности документов. first - указывает на первую страницу в последовательности документов. help - указывает на страницу с подсказкой (напр. по навигации по вашему сайту).

TYPE - определяет MIME-тип для объекта, указанного в атрибуте HREF.

Пример 1

<HEAD>
        <TITLE>Элемент DIV</TITLE>
        <LINK REL="HOME" TITLE="HTML-справочник" href="index.html">
        <LINK REL="UP" TITLE="Текстовые блоки" href="textblocks.html">
        <LINK REL="PREVIOUS" TITLE="Элемент P" href="p.html">
        <LINK REL="NEXT" TITLE="Элемент ADDRESS" href="address.html">
</HEAD>

Пример 2

<HEAD>
       
<TITLE>Полдневье</TITLE>
       
<LINK REL="stylesheet" TYPE="text/css" href="deco1.css">
</HEAD>

Примечание

Элемент LINK, к сожалению, используется web-мастерами довольно редко, чаще всего только для внедрения CSS из отдельного файла. Почти все браузеры игнорируют информацию о положении документа в структуре сайта - эта информация интересна только индексирующим роботам поисковых систем.



META

(HTML 2.0) - Meta

Элемент МЕТА используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тега.

Атрибуты

NAME - определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере.

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

CONTENT - присваивает значение мета-записи, определенной в атрибуте NAME (или HTTP-EQUIV).

Пример:

<HEAD>
...
<META HTTP-EQUIV="Expires" CONTENT="Sat, 26 Jun 1999 17:38:15 GMT">
<META NAME="GENERATOR" CONTENT="Greenback">
<META NAME="Publisher-Email" CONTENT="green@igf.ru">
<META NAME="Publisher-URL" CONTENT="Idea GraFix &amp;#150; http://www.igf.ru/">
<META NAME="Keywords" CONTENT="OpenGL,3D,graphics,3Dfx,Permedia,Diamond,графика">
<META NAME="Description" CONTENT="Российский сайт, полностью посвященный 3D-графике, ее разработке и использованию.">
...
</HEAD>



Фреймы

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

EXAMPLE

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

  • FRAMESET Определяет фреймовую (оконную) структуру документа: размеры и расположение фреймов на странице

  • FRAME Определяет фрейм и его свойства внутри FRAMESET-структуры

  • NOFRAMES Определяет что показывать, если браузер не поддерживает фреймы

Примечания

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