Структура HTML-документа
Основы HTML Основные понятия HTML HTML (HyperText Markup Language) - язык разметки гипертекста - предназначен для создания Web-страниц. Под гипертекстом в этом случае понимается текст, связанный с другими текстами указателями-ссылками. HTML представляет собой достаточно простой набор кодов, которые описывают структуру документа. HTML позволяет выделить в тексте отдельные логические части (заголовки, абзацы, списки и т.д.), поместить на Web-страницу подготовленную фотографию или картинку, организовать на странице ссылки для связи с другими документами. HTML не задает конкретные и точные атрибуты форматирования документа. Конкретный вид документа окончательно определяет только браузер на компьютере пользователя Интернета. HTML также не является языком программирования, но web-страницы могут включать в себя встроенные программы - скрипты на языках Javascript и Visual Basic Script и программы - апплеты на языке Java. HTML-документ представляет собой текстовый ASCII-файл, содержащий собственно текст, который должен быть отображен в окне браузера, и команды разметки – HTML-тэги, определяющие внешний вид документа при его интерпретации в окне браузера. Основными компонентами HTML являются: Код. HTML-код – уникальная последовательность символов, благодаря которой веб - страница приобретает свой неповторимый внешний вид. Код для веб - страницы – все равно, что ДНК для человека. Код любой веб - страницы можно просмотреть тремя способами: 1) Вызвать контекстное меню браузера, и выбрать пункт о просмотре исходного кода. 2) Нажать сочетание клавиш Ctrl+U. 3) Открыть страницу с помощью блокнота. Второй способ не работает в Internet Explorer. А последний способ доступен только в том случае, если страница сохранена на носителе вашего компьютера. Элемент Элемент – это основа HTML, звено для построения кода, его неделимая единица. Любой код, который вы напишете для создания веб - страницы, будет состоять из элементов. Элемент HTML представляет собой символ или сочетание символов. Примеры элементов: p, br, h1, img, meta, table, strong, address, basefont Набор применяемых в HTML элементов строго ограничен. В своем коде вы можете использовать только их. Тег Тегом называется элемент, заключенный в угловые скобки. В коде страниц пишутся именно теги, а не сами элементы. Регистр букв в написании тегов не имеет никакого значения. Т.е. записи <b> и <B> абсолютно идентичны. HTML-тэг записывается в угловых скобках (< >) и состоит из имени, за которым может следовать список атрибутов (для большинства тэгов необязательный). Имена и атрибуты представляют собой английские слова и аббревиатуры и почти всегда их смысл прозрачен. Записывать тэги можно в любом регистре – прописными или строчными буквами. Тэги можно разделить на две большие группы. Тэги одной группы, называемые контейнерами, воздействуют на часть документа, заключенную между ними. Они имеют два компонента: открывающий (начальный) и закрывающий (конечный). Закрывающий тэг имеет то же название, что и открывающий, но перед его названием ставится косая черта (символ /). Между открывающим и закрывающим тэгами могут располагаться текст или другие тэги. Автономные(одиночные) тэги не имеют конечного компонента. Они вызывают однократное действие или при их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тэг <IMG SRC="pict.gif"> вызывает вставку рисунка из файла pict.gif, расположенного в той же папке, что и сам HTML-документ. Тэги могут иметь уточняющие параметры – атрибуты. Атрибуты позволяют регулировать способ отображения информации, добавляемой с помощью тега. Атрибуты записываются внутри автономного тэга, а в контейнере только в открывающей части. В списке атрибуты отделяются друг от друга пробелами. Последовательность атрибутов не существенна. Значения атрибутов указываются после знака равенства в кавычках. Примеры тэгов с атрибутами: <BODY BGCOLOR="LIGHTBLUE"> – задает светло-синий фон для документа, <FONT SIZE="+2" COLOR="RED"> текст </FONT> – парный тэг, дает указание браузеру вывести заключенный в "контейнер" текст символами, увеличенными относительно базового размера (SIZE="+2") и красного цвета (COLOR="RED").
Структура HTML-документа Документ HTML всегда начинается с тега <HTML> и заканчивается закрывающим тегом </HTML>. Внутри документа выделяют два основных раздела: раздел заголовков и тело документа, идущие друг за другом. Раздел заголовков содержит описание параметров, используемых при отображении документа, но не отображающихся непосредственно в окне обозревателя. Каждый HTML-документ должен иметь заголовок, он показывается отдельно и используется, прежде всего, для идентификации документа (например, при поиске). Тег заголовочной части документа должен быть использован сразу после тэга <HTML> и более нигде в теле документа. Данный тег представляет собой общее описание документа. Заголовок должен описывать цель документа и содержать не больше 5-6 слов. Практически во всех браузерах заголовок документа виден в верхней части экрана (окна). Заголовок окна Web - страницы устанавливается внутри контейнера <HEAD>. Тег <HEAD> предназначен для хранения других элементов, цель которых - помочь браузеру в работе с данными. Также внутри контейнера <HEAD> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Содержимое тега <HEAD> не отображается напрямую на веб-странице, за исключением тега <TITLE> устанавливающего заголовок окна Web - страницы. <HEAD><TITLE>Заголовок</TITLE></HEAD> Внутри контейнера <HEAD> допускается размещать следующие элементы: <BASE>, <BASEFONT>, <BGSOUND>, <LINK>, <META>, <SCRIPT>, <STYLE>, <TITLE>. Синтаксис: <HEAD> ….. </HEAD> Раздел тела документа содержит текст, предназначенный для отображения обозревателя, и тэги, указывающие на способ форматирования текста, определяющие графическое оформление документа, задающие параметры гиперссылок и т.д. Основное содержание размещается в теле документа, которое ограничивается парным тегом <BODY>.
Элемент <BODY> предназначен для хранения содержания Web - страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <BODY>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д. Тег <BODY> также применяется для определения цветов ссылок и текста на Web - странице. Часто тег <BODY> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм. Открывающий и закрывающий теги <BODY> на Web - странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML - документа. Простейший документ HTML, содержащий все теги, определяющие структуру, имеет вид:
Метатеги Кроме элемента <TITLE>...</TITLE>, заголовок может содержать мета – теги <META>...</META>. Метатеги - это теги языка HTML, содержащие различную служебную информацию. <МЕТА> - тег используется в пределах заголовка страницы и предназначен для того, чтобы включить любую полезную информацию, не определенную другими HTML тегами. Такая информация может быть извлечена серверами/клиентами для использования в идентификации, индексации и создании каталогов страниц. Метатеги размещаются в заголовке страницы (между тегами <HEAD> и </HEAD>) и имеют формат: <META Name="имя" Content="значение"> <META Http-equiv="имя" Content="действие"> Условно метатеги можно разделить на три группы: - содержащие управляющие команды для браузера; - содержащие управляющие команды для поисковых систем; - содержащие информацию о странице и ее авторе. Открывающий тэг <META> включает пары имя = значение, описывающие свойства документа, например, авторство, список ключевых слов и т.д. Эти данные используются также поисковыми серверами при индексации документов. Тип и кодировка документа: META HTTP-EQUIV = "CONTENT-TYPE" <META Http-equiv="content-type" Content="text/html; charset= windows -1251"> - кодировка Windows. Основное назначение этого тега - сообщение браузеру об используемой кодировке. Использовать метатег content-type надо только с учетом некоторых нюансов. - кодировка символов текста должна соответствовать кодировке, указанной в теге. - сервер не должен менять кодировку текста при обработке запроса браузера. - если сервер меняет кодировку текста, он должен скорректировать или удалить мета тег content-type. Несоблюдение этих требований может привести к следующему: Web - сервер автоматически определит кодировку запроса клиента и отдаст страничку браузеру перекодированной. Браузер, в свою очередь, будет читать документ в соответствии с метатегом content-type. И если кодировки не совпадут, то прочитать документ можно будет только после ряда замысловатых манипуляций. Некоторые из возможных типов кодировки: · ISO-8859-1- Latin-1, для большинства западноевропейских языков; · Windows-1251- Кириллица (Windows); · KOI8-r- Кириллица (КОИ8-Р); · cp866- Кириллица (DOS); · Windows-1252- Западная Европа (Windows); · Windows-1250- Центральная Европа (Windows).
Популярное: Модели организации как закрытой, открытой, частично открытой системы: Закрытая система имеет жесткие фиксированные границы, ее действия относительно независимы... Как построить свою речь (словесное оформление):
При подготовке публичного выступления перед оратором возникает вопрос, как лучше словесно оформить свою... Генезис конфликтологии как науки в древней Греции: Для уяснения предыстории конфликтологии существенное значение имеет обращение к античной... ©2015-2024 megaobuchalka.ru Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. (394)
|
Почему 1285321 студент выбрали МегаОбучалку... Система поиска информации Мобильная версия сайта Удобная навигация Нет шокирующей рекламы |