Анимация
JavaScript


Web статьи | Бесплатные скрипты с примерами | Задать вопрос на форуме

 

1.1. Группы тагов НТМL

Все таги НТМL по их назначению и области действия можно разделить на следующие основные группы

  • определяющие структуру документа;
  • оформление блоков гипертекста (параграфы, списки, таблицы, картинки);
  • гипертекстовые ссылки и закладки;
  • формы для организации диалога;
  • вызов программ.

Структура гипертекстовой сети задается гипертекстовыми ссылками. Гипертекстовая ссылка - это адрес другого HTML документа или информационного ресурса Internet, который тематически, логически или каким-либо другим способом связан с документом, в котором ссылка определена.

Для записи гипертекстовых ссылок в системе WWW была разработана специальная форма, которая называется Universe Resource Locator. Типичным примером использования этой записи можно считать следующий пример:

	Этот текст содержит 
	<A HREF="http://polyn.net.kiae.su/altai/index.html">
	гипертекстовую ссылку</A>

В приведенном выше примере таг "A", который в HTML называют якорем (anchor), использует атрибут "HREF", который обозначает гипертекстовую ссылку (Hypertext Reference), для записи этой ссылки в форме URL. Данная ссылка указывает на документ с именем "index.html" в директории "altai" на сервере "polyn.net.kiae.su", доступ к которому осуществляется по протоколу "http".

Гипертекстовые ссылки в HTML делятся на два класса: контекстные гипертекстовые ссылки и общие. Контекстные ссылки вмонтированы в тело документа, как это было продемонстрировано в предыдущем примере, в то время как общие ссылки связаны со всем документом в целом и могут быть использованы при просмотре любого фрагмента документа. Оба класса ссылок присутствуют в стандарте языка с самого его рождения, однако, первоначально наибольшей популярностью пользовались контекстные ссылки. Эта популярность привела к тому, что механизм использования общих ссылок практически полностью "атрофировался". Однако по мере стандартизации интерфейса пользователя и стилей представления информации разработчики языка снова вернулись к общим ссылкам и стремятся приспособить их к задачам управления этим интерфейсом. Справедливости ради, следует отметить, что общие гипертекстовые ссылки в большинстве броузеров не используются и не отображаются.

Структура HTML-документа позволяет использовать вложенные друг в друга контейнеры. Собственно, сам документ - это один большой контейнер который начинается с тага <HTML> и заканчивается тагом </HTML>:

	<HTML> Содержание документа  </HTML>

Контейнер HTML или гипертекстовый документ состоит из двух других вложенных контейнеров: заголовка документа (HEAD) и тела документа (BODY):

Рассмотрим простейший пример классического документа:

Пример 1.1

	<HTML>
	<HEAD>
	<TITLE>Simple Document</TITLE>
	</HEAD>
	<BODY  text=#0000ff  BACKGROUND=#f0f0f0 >
	<H1>Пример простого документа</H1>
	<HR>
	Формы HTML-документов
	<UL>
	<LI>Классическая
	<LI>Фреймовая
	</UL>
	<HR>
	</BODY>
	</HTML>

Компания Netscape Communication расширила классическую форму документа возможностью организации фреймов (кадров), позволяющих разделить рабочее окно программы просмотра на несколько независимых фреймов. В каждый фрейм может быть загружена своя страница HTML. Приведем пример документа с фреймами.

Пример 1.2

	<HTML>
	<HEAD>
	<TITLE>Frame Sample</TITLE>
	</HEAD>
	<FRAMESET COLS="30%,*">
	<FRAME SRC=HTML-lecture.html NAME=LEFT>
	<FRAME SRC=HTML-lec-1.html NAME=RIGHT>
	</FRAMESET>
	</HTML>

Назад | Содержание | Вперед

быстрая навигация

Принципы гипертекстовой разметки. Структура документов | Группы тагов НТМL | Контейнеры HTML-документа | Средства описания таблиц в HTML | Использование таблиц в дизайне страницы | Фреймы | Формы | Апплеты | Каскадные таблицы стилей (Cascad Style Sheets) | Управление просмотром страниц Web-узла. JavaScript | Модель объектов JavaScript - объекты Navigator'а | Методы объектов и свойства объектов. Управление потоком вычислений | События | Массивы | Графика | Стеки гипертекстовых ссылок | Фреймы и окна | Наследование кода скриптов различными страницами | Java, JavaScript и Plug-ins | Встраивание в HTML-документ Примеры скриптов | Единство в многообразии | Приемы программирования на JavaScript | Примеры манипулирования окнами | Гипертекстовые ссылки и картинки



 
Сайт создан в системе uCoz
Сайт создан в системе uCoz