HTML. Назначение. Основные тэги.

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

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

Структура гипертекстовой сети задается гипертекстовыми ссылками.

Гипертекстовая ссылка — это адрес другого HTML-документа или информационного ресурса Internet, который тематически, логически или каким-либо другим способом связан с документом, в котором ссылка определена. Естественно, при таких условиях очень важна схема адресации всех имеющихся информационных ресурсов.

Реальный механизм интерпретации идентификатора ресурса, опирающийся на URI (Uniform Resource Identifier, универсальный идентификатор ресурса), называется URL, и пользователи WWW имеют дело именно с ним.

Типичным примером использования такой записи можно считать следующий пример:

Этот текст содержит:

<A HREF="http://www.intuit.ru/help/">гипертекстовую ссылку</A>

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

Гипертекстовые ссылки в HTML делятся на два класса: контекстные гипертекстовые ссылки и общие. Контекстные ссылки вмонтированы в тело документа, как это было продемонстрировано в предыдущем примере, в то время как общие ссылки связаны со всем документом в целом и могут использоваться при просмотре любого фрагмента документа.

Структура HTML-документа позволяет задействовать вложенные друг в друга контейнеры.

Основные контейнеры заголовка — это элементы HTML-разметки, которые наиболее часто встречаются в заголовке HTML-документа, т.е. внутри элемента разметки HEAD. Назовем некоторые из элементов разметки, включая сам элемент разметки HEAD:

HEAD (элемент разметки HEAD); TITLE (заглавие документа); META (метаинформация); LINK (общие ссылки); STYLE (описатели стилей); SCRIPT (скрипты).

Чаще всего применяются элементы TITLE, SCRIPT, STYLE. Использование элемента META говорит об осведомленности автора о правилах индексирования документов в поисковых системах и возможности управления HTTP-обменом данными. LINK указывают только при использовании внешних относительно данного документа описателей стилей.

Элемент разметки TITLE

Элемент разметки TITLE служит для именования документа в World Wide Web. Более прозаическое его назначение — именование окна браузера, в котором просматривается документ. Состоит контейнер из тега начала, содержания и тега конца. Наличие тега конца обязательно. Тег начала элемента не имеет специфических атрибутов.

Синтаксис контейнера TITLE в общем виде выглядит следующим образом:

<TITLE>название документа</TITLE>

Заголовок не является обязательным контейнером документа. Его можно опустить. Роботы многих поисковых систем используют содержание элемента TITLE для создания поискового образа документа. Слова из TITLE попадают в индекс поисковой системы. Из этих соображений элемент TITLE всегда рекомендуется использовать на страницах Web-узла.

Элемент разметки STYLE

Элемент разметки STYLE предназначен для размещения описателей стилей. При этом описание стиля из данного элемента разметки, если оно совпадает по имени класса и/или идентификатору подкласса со стилем, описанным во внешнем файле, заменяет описание стиля из внешнего файла. С точки зрения влияния на весь документ, описатели стилей задают правила отображения контейнеров HTML-документа для всей страницы.

В настоящее время контейнер используется только с одним атрибутом TYPE, который задает тип описателя стиля. Это может быть либо text/css , либо text/javascript. Если элемент разметки открыт тегом начала, то он должен быть закрыт тегом конца. В общем виде запись элемента STYLE выглядит так:

<STYLE TYPE=тип_описания_стилей>описание стиля/стилей</STYLE>

Элемент разметки SCRIPT

Элемент разметки SCRIPT служит для размещения кода JavaScript, VBScript или JScript. Вообще говоря, SCRIPT можно использовать не только в заголовке документа, но и в его теле. В отличие от контейнера STYLE, ему не требуется дополнительный контейнер LINK для загрузки внешних файлов кодов. Это можно сделать непосредственно в самом контейнере SCRIPT:

<SCRIPT LANGUAGE="JavaScript" SRC=script.code>

Если открыт тег начала, то нужно обязательно использовать тег конца контейнера. В общем виде запись контейнера выглядит следующим образом:

<SCRIPT [TYPE=тип_языка_программирования] [SRC=URL]>JavaScript/VBScript-код

</SCRIPT>

Существует несколько скриптовых языков: JavaScript, VBScript, JScript. По умолчанию подразумевается JavaScript.

44.HTML. Структура документа. Стилевое оформление документов.

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

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

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

44. HTML. Структура документа.СТИЛЕВОГО ОФОРМЛЕНИЯ(44)HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Получая документ, WEB-броузер определяет, как он должен быть интерпретирован. Самый первый тэг, который встречается в документе - тэг <HTML>. Данный тэг сообщает WEB-броузеру, что документ написан с использованием HTML. Тэг заголовочной части документа <HEAD> должен быть использован сразу после тэга <HTML> и более нигде в теле документа. Данный тэг представляет из себя общее описание документа. Внутри тэга <HEAD> размещается тэг <TITLE>. Большинство WEB-броузеров отображают содержимое тэга <TITLE> в заголовке окна, содержащего документ и в файле закладок. Заголовок документа не появляется при отображении самого документа в окне. Тело документа должно находиться между тэгами <BODY> и </BODY>. Это та часть документа, которая отображается как текстовая и графическая (смысловая) информация документа. <EM> … </EM> — логическое ударение (обычно отображается курсивным шрифтом). <STRONG> … </STRONG> — усиленное логическое ударение (обычно отображается жирным шрифтом). <I> … </I> — выделение текста курсивом. <B> … </B> — выделение текста жирным шрифтом. <U> … </U> — подчёркивание текста. <S> … </S> — зачёркивание текста. Вот так: зачёркнутый текст. <STRIKE> … </STRIKE> — то же самое, что <S> … </S>. <BIG> … </BIG> — увеличение шрифта. <SMALL> … </SMALL> — уменьшение шрифта. <BLINK> … </BLINK> — мигающий текст. Это один из самых ненавидимых тегов, потому что мигающий текст неприятен для глаз, к тому же не работает в Internet Explorer до 6 версии без применения JavaScript. <FONT параметры> … </FONT> — задание параметров шрифта. У этого тега есть следующие параметры: COLOR=color — задание цвета. FACE=шрифт меняет шрифт. SIZE=размер меняет размер шрифта. Размер от 1 до 7, стандартный по умолчанию

Не нашли, что искали? Воспользуйтесь поиском по сайту: