Структура html документа дескрипторы

К открывающему тегу может быть добавлен атрибут, представляющий собой дополнительные ключевые слова, отделяемые от ключевого слова, определяющего тег, и от других атрибутов пробелами и размещаемые до завершающего тег символа «>». Способ применения некоторых атрибутов требует указания значения атрибута. Значение атрибута отделяется от ключевого слова атрибута символом «=» и заключается в кавычки.

При отображении документа HTML сами теги не отображаются, но влияют на способ отображения документа HTML.

Существует два способа формирования документов HTML.

Первый способ состоит в разметке существующего или создаваемого документа вручную. Эта работа выполняется в текстовом редакторе или редакторе HTML.

Второй способ заключается в формировании документа непосредственно на экране и автоматической его разметке. В этом способе необязательно знание языка HTML. Разметка выполняется специальным редактором, работающим по принципу WYSIWYG, например, FrontPage Express.

Во втором способе используются средства форматирования вместо средств описания, что может приводить к нежелательным последствиям.

Воспроизведение документа HTML выполняется программами — броузерами, например Internet Explorer.

Простейший правильный документ HTML, содержащий все теги, определяющие структуру, выглядит следующим образом:

Здесь использованы ключевые слова:

• HTML — начало и конец документа HTML;
• HEAD — начало и конец раздела заголовка;
• TITLE — начало и конец общего заголовка документа;
• BODY — начало и конец тела документа.

Большинство элементов языка HTML описывает части содержания документа и помещаются между тегами и (структурный элемент BODY).

Основными функциональными элементами документа HTML являются заголовки и абзацы. Язык HTML поддерживает шесть уровней заголовков, которые задаются при помощи тегов от до . В Web-документе они отображаются шрифтом разного размера.

Обычные абзацы задаются с помощью парного тега

. В HTML нет средств для задания абзацного отступа. Абзацы отделяются пустой строкой. Закрывающий тег

Этот тег задает горизонтальную линейку высотой в 10 пикселов, занимающую половину ширины окна и расположенную справа.

Гипертекстовые ссылки

Как только в Web-страницу будет встроена гиперсвязь, документ можно назвать гипертекстом. Гиперссылка может указывать:

• на позицию в своем документе (внутренние гиперссылки),
• на другой документ на своем сервере,
• на произвольный объект по любому адресу Internet.

Внутренние гиперссылки применяются для того, чтобы упростить пользователю ориентацию в больших документах.

Гиперссылки могут быть оформлены как абсолютные или относительные. Для создания гиперссылки необходим адрес документа, на который устанавливается ссылка. Этот адрес называется URL — Uniform Resource Locator.

Абсолютный URL — это полный Internet-адрес со всей информацией, требуемой клиенту для того, чтобы отыскать сервер и успешно установить с ним связь.
Относительный URL используется для адресации в пределах документа или совокупности документов на одном сервере.

Полный Internet-адрес можно получить лишь тогда, когда к относительному адресу добавляется базовый. Web-броузер при необходимости в большинстве случаев сам добавляет необходимый базовый адрес, чтобы получить полный адрес в Internet.

Относительные URL используются обычно внутри HTML-документа, например, для того, чтобы организовать переход из оглавления к конкретной главе. Базовый адрес можно определить с помощью дескриптора в заголовке HTML-документа.

Абсолютные URL следует использовать во всех тех случаях, когда вы ссылаетесь на документы другого сервера в Internet.

Здесь задан адрес в абсолютной форме. Обычно в такой форме задается ссылка на внешний документ. При использовании относительного адреса ссылка рассматривается как внутреняя, например:

Достоинство внутренней ссылки в том, что она сохраняет свою работоспособность при изменении адреса Web-узла.
Дескриптор гиперсвязи иногда называется «якорь» (само наименование дескриптора представляет собой аббревиатуру от английского слова anchor — якорь).

Полный формат гиперссылки включает возможность ссылки на определенное место внутри страницы. Для этого соответствующее место помечается с помощью якоря. Якорь задается тегом с атрибутом name, например:

Значение этого атрибута — произвольная последовательность латинских букв и цифр, рассматриваемая как имя якоря. Для ссылки на якорь его имя указывается в конце адреса URL после символа «#»:

Между дескрипторами и могут находиться только текст, графика и заголовки. Текст, располагающийся между и дескрипторами, обычно изображается броузерами в цвете (для этих целей по умолчанию используется голубой цвет), некоторые программы подчеркивают его. Посредством атрибутов в дескрипторе цвет текста гиперсвязи можно изменить.

При включении в Web-страницу гиперссылок учитывайте следующие рекомендации.

• Выразительно оформляйте текст гиперсвязи. По тексту гиперсвязи должно быть четко и ясно понятно, куда ведет эта связь. Текст гиперссылки не был слишком длинным: кратко и сжато выражайте цель ссылки.
• Не перегружайте документ гиперссылками. Вставляйте в текст Web-страницы только действительно необходимые ссылки. В противном случае, пытаясь ознакомиться со всеми адресуемыми объектами, пользователь очень быстро потеряет нить ваших рассуждений.
• Никогда не размещайте два -дескриптора по соседству друг с другом в тексте документа, не вставив между ними никакого разделителя. При отображении такого документа тексты этих гиперсвязей просто сольются.
• Создав свою Web-страницу, попытайтесь взглянуть на нее глазами пользователя. Все ли гиперссылки выдержаны в одном стиле?

Основные дескрипторы для организации ссылок и форматирования текста показаны в таблице.

В таблице использованы следующие обозначения:

• параметр Цвет задается шестнадцатеричным кодом #RRGGBB, где RR, GG, BB — соответственно красная, зеленая и синяя составляющие цвета, принимающие значения от 00 до FF. Чем больше значение, тем меньше насыщенность цвета. Стандартные цвета можно задать словом: Black,Silver, Gray, White, Red, Green, Yellow, Blue и другие;
• параметр Выравнивание может принимать значения Center;
• вертикальная черта «|» в описании атрибутов означает возможность выбора одного из атрибутов.

Символы , & и » напрямую в тексте не отображаются. Для их изображения используются следующие коды:

Замечание: в этих кодах нельзя использовать заглавные буквы.

Рассмотрим примеры форматирования текста.

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:

Об этом полезно знать:

Коллективные трудовые споры и порядок их разрешения Коллективный трудовой спор — это неурегулированные раз­ногласия между работниками (их представителями) и работода­телями.
Право в системе социальных норм Любое общество можно рассматривать как социальную систему.
ФУНКЦИИ ПЕДАГОГИЧЕСКОЙ ДЕЯТЕЛЬНОСТИ Педагогическая деятельность учителя реализуется в определённых ситуациях через выполнение самых разнообразных действий.
Пять стадий полового созревания. Подростковый возраст. Пубертатный кризис. Психофизиологическое развитие подростка. Важная задача взросления подростка &ndash.
Примерный перечень вопросов для допроса свидетеля 1. В связи с какими обстоятельствами свидетель оказался на месте происшествия и что он там делал? 2. Где.

Источник

Средства разработки Web сайтов

Средства разработки состоят из среды разработки и языка разработки.

Язык разметки html.

(Это основной инструмент разработки Web сайтов).

Язык разметки HTML – это система команд, основная задача которой – представление текстовых и мультимедийных элементов Web страницы в наиболее благоприятной для восприятия форме.

(Первую часть определения можно отнести к любому языку разметки). В дополнение к командам разметки в язык HTML были добавлены команды для работы с гиперссылками.

1. Разместить элементыWebстраницы в удобной для восприятия форме:
   • Установить тип текстовых фрагментов, их стиль.
   • Использовать в составе Web станицы элементы сложного форматирования (таблицы, списки и так далее).

1. Определять предназначение Web страницы в целом, отдельные ее свойства (кодировка, сроки использования); параметры взаимоотношения данной Web страницы с другими Web документами (наследование).

Документ HTML состоит из нескольких частей:

Дескриптор (ТЭГ) – это команды языка HTML, представляющие собой слово или аббревиатуру, заключенные в треугольные скобки().

Дескрипторы бывают двух видов: одиночные и парные.

• Одиночный дескриптор – определяет реакцию браузера в том месте, в котором он находится на Web странице.

Дескриптор переводит в то место, где встретится на Web странице.

• Парный дескриптор – определяет действие в отношении фрагмента Web страницы, в которой находится между открывающей и закрывающей частью парного дескриптора.

2) Атрибут дескриптора.

В состав начального дескриптора могут применяться дополнительные параметры, например:

Дескриптор абзаца (параграфа).

Текст будет отображаться выровненным по центру.

Здесь Align является параметром, а center – значением данного параметра. (Такой параметр называется в языке HTML атрибут).

Атрибут дескриптора – определяет дополнительное свойство дескриптора, уточняет его действие. В случае парного дескриптора используется внутри открывающего дескриптора.

У дескриптора может быть один атрибут, несколько атрибутов или может вообще их не быть.

Пример с несколькими атрибутами.

Два атрибута: color — атрибут цвета и size — атрибут размера.

2.Сценарий (skript).

Сценарий (SKRIPT) — это программный код, обеспечивающий работу интерактивных и динамических элементов Web сайта.

Сценарии бывают двух видов:

1)Серверный – это программа, выполняющаяся на Web сервере.

2)Клиентский – это программа, выполняющаяся с помощью интерпретатора браузера (то есть на компьютере пользователя).

Наиболее частая функция сценария – взаимодействие с базами данных и создание их на основе Web страниц.

Клиентский сценарий в отличие от языка разметки HTML предоставляет гораздо больше возможностей:

• Для взаимодействия с операционной системой и браузером;
• По управлению элементами интерфейса операционной системы и браузером.

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

Преимущества серверного сценария:

Более широкий спектр возможностей по обработке взаимодействия пользователя и Web сайта.

Преимущества клиентского сценария:

Большая скорость обработки и экономия ресурсов (за счет уменьшения передачи данных между сервером и компьютером пользователя).

Источник