Разработка приложений для Интернет. Базовые концепции. Основы языка разметки гипертекста HTML

Страницы работы

Фрагмент текста работы

HTML-документы можно включать комментарии, помещая их между тегами комментариев HTML (<!-- и —>). Хотя признак комментария не очень легко набрать и он не является интуитивно понятным, но, тем не менее, он вполне справляется с возложенными на него функциями. Как будет ясно из дальнейшего, элемент комментария позволяет "спрятать" элементы, не поддерживаемые устаревшими броузерами. Допустимо также применение элемента COMMENT из HTML версии 2.0, но большинство разработчиков все же предпочитают более новый элемент. Ниже приводится пример использования обоих элементов комментария:

<!-- This starts the comment. Finally, this ends the comment --> <COMMENT> Comments can also be embedded using the HTML 2.0 COMMENT element </COMMENT>

Цвета

Некоторые HTML-элементы поддерживают атрибут COLOR. Его значение может быть определено двумя различными способами: либо как сочетание шестнадцатеричных значений, соответствующих красной, зеленой и синей составляющим цвета (RGB-модель), либо путем явного указания названия конкретного цвета (цветовой константы). Вот несколько примеров использования атрибута COLOR (см. также табл. 2.1):

<body bgcolor="blue"> <h4><font color="#OOOOFF" size="2"> Last update: June 18, 1996</font></h4> <TABLE bgcolor="Ivory">

Таблица 2.1. Способы описания цвета в HTML

Метод

Описание

Пример

RGB-значение

Значение в формате RGB обозначается как триплет из двузначных шестнадцатеричных значений. Например, чистый красный цвет имеет код FF0000, а чистый синий – 0000FF. Броузер Internet Explorer также позволяет определять триплеты в формате RGB(xx, xx, xx).

Color = "#FF0F00"

Color = "#FF0F00"

Color = RGB(00,FF,00)

Название цвета

И Internet Explorer, и Navigator поддерживают константы 16 различных цветов, а именно: aqua (аква), black (черный), blue (синий), fuchsia (фуксия), gray (серый), green (зеленый), lime (лимонный), maroon (каштановый), navy (флотский), olive (оливковый), purple (пурпурный), red (красный),  silver  (серебряный),  teal (коричневато-серый), white (белый) и yellow (желтый). Константы являются частью стандарта HTML 3.2 и будут также поддерживаться остальными броузерами.

Color = red

Color = silver

Закладки

Именно закладка (anchor) — элемент, делающий язык HTML столь мощным средством. Этот элемент обеспечивает возможность создания гиперссылок, — того, чем славится WWW. В смысле программирования гиперссылки представляют собой операторы типа GO TO. Они позволяют осуществлять переход на другую страницу WWW в любом месте, где только можно указать URL.

Элемент закладка (теги <А> и </А>) имеет несколько атрибутов, наиболее важным из которых является HREF, определяющий гиперссылку на другую HTML-страницу или источник информации в WWW. Достаточно одного щелчка мыши — и в вашем распоряжении уже другая информация. Атрибуты HREF определяют, к какому ресурсу осуществляется переход, выполняемый с помощью URL. Приведем несколько примеров:

<A HREF = "http://www.cnn.com">Click here to go to CNN</A> <A HREF = "next.htm">Next Page</A> <A HREF = "email.htm"><IMG SRC = "mailbox.gif"></A>

Большинство броузеров выделяют гиперссылку на документ цветом, подчеркиванием или каким-то другим образом. В броузере Internet Explorer текст выделяется цветом, а изображения помещаются в рамки. Однако последнее осуществляется только в том случае, если пользователь укажет ненулевой размер контурной линии.

Вторым, не менее важным атрибутом закладки является NAME, который позволяет обозначить определенную "именованную" позицию в HTML-документе. Эта позиция может быть установлена как в текущем, так и во внешнем документе. Она родственна понятию закладки, характерному для большинства редакторов типа Microsoft Word.

<!-- The top of the document specified with a named anchor --> <A NAME = "Top"></A> .  .  .  .  .  . <!-- This points to a named anchor --> <A HREF = "#Top">Back to top</A> <!-- HREF to a named anchor in another document --> <A HREF = "faq.htm#Top">Back to main page</A>

Минимальные требования, предъявляемые к странице

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <TITLE>A Minimal Web Page</TITLE> </HEAD> <BODY> </BODY> </HTML>

Таблица 2.2. Основные элементы HTML, представленные в обычном для документа порядке

Элемент

Описание

!DOCTYPE

Первый элемент HTML-документа. Определяет версию документа. Введен в языке HTML версии 3.2.

HTML

Определяет начало HTML-части документа. Благодаря этому элементу броузер определяет последующий текст документа как HTML-текст.

HEAD

Определяет область заголовка документа, в которой помещается элемент

Похожие материалы

Информация о работе