Школьные учебники онлайн Удобная онлайн библиотека для школьников.

Подробности

Опубликовано 01.10.2012 03:03

Просмотров: 7504

2.13. Основы языка разметки гипертекста

Структура HTML-кода W^b-страниць:. Web-страница создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language).

В обычный текстовый документ вставляются управляющие символы (HTML тэги), которые определяют вид Web страницы при ее просмотре в браузере.

Тэги заключаются в угловые скобки и могут быть оди­ночными или парными. Парный тэг содержит открываю­щий и закрывающий тэги (такая пара тэгов называется кон­тейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением тэга. Тэги могут записываться как про­писными, так и строчными буквами. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут при­нимать определенные значения.

С помощью тэга FONT и его атрибутов можно задать па­раметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атри­бут SIZE - размер шрифта (например, SIZE=4).

Атрибут COLOR позволяет задавать цвет шрифта (напри­мер, COLOR—"blue"). Значение атрибута COLOR можно за­дать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением.

Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатеричные цифры задаю! интенсивность красного (геа), две следую­щие — интенсивность зеленого (green) и две последние — интенсивность синего (blue) цветов. Минимальна:: интенсив­ности цвета задается шестнадцатеричным числом 0 0, а максимальная — FF. Например, синий цвет задается значением "#000 OFF".

Форматирование текста. Разделение текста на абзацы производится с помощью контейнера <?></Р> При про­смотре в браузере абзацы отделяются друг от друга интерва­лами .

Для каждого абзаца можно задать определенный тип выравнивания. Способ выравнивания текста позволяет за­дать атрибут ALIGN Выравнивание по левой границе: ALIGN="left", выравнивание по правой границе: ALIGN="right", выравнивание по центру: ALIGN="center".

Заголовки целесообразно отделять от остального содер­жание страницы горизонтальной линией с помощью оди­ночного тэга <HR>, а для перевода строки используется оди­ночный тэг <BR>.

Вставка изображений. На Web-страницы можно поме­щать изображения, хранящиеся в графических файлах сжа­тых форматов — GIF, JPEG и PNG.

Для вставки изображения используется тэг <IMG> с ат­рибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графиче­ский файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения ат­рибута SRC достаточно указать только имя файла. Напри­мер:

<IMG SRC="file.gif">

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

<IMG SRC="path\file.gif">

Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет-адрес этого файла. Напри­мер:

<IMG SRC="http://www.server.ru/file, gif">

Расположить рисунок относительно текста различи ыми способами позволяет атрибут ALIGN, который может прини­мать пять различных значений: ТОР (верх), MIDDLE (середи­на), BOTTOM (низ), LEFT (слева) и RIGHT (справа). Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид.

<IMG SRC="file.gif" ALIGN="right">

Пользователи иногда, в целях экономии времени, от­ключают в браузере загрузку графических изображений и читают только тексты. Чтобы не терялся смысл страницы, вместо рисунка должен выводиться альтернативный текст.

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

<IMG SRC="file.gif" ALlGN="right" ALT="Текст">

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

Гиперссылка создается с помощью универсального тэга и его атрибута HRE^1-, указывающего, е каком файле хра­нится загружаемая Web-страница:

<А HREF="Aдpec">Укaзaтeль ссылки</А>

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

<А HREF^"file.Ь1;т">Указатель ссь:лки</А>

Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-адрес, например:

<А HREF="http://www.server.ru/Web-сайт/file.htm"> Указатель ссылки</А>

Контрольные вопросы

1.Какие тэги (контейнеры) должны присутствовать в HTML-доку- менте обязательно? Какова логическая структура Web-страницы?

2.Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев?

3.Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?