Смекни!
smekni.com

Специализированные языки разметки документов HTML (стр. 7 из 16)

Формат элемента:

< ADDRESS >

Содержимое

</ ADDRESS >

Пример:

< ADDRESS >

Екатерина Семенова < BR >

Ведущий менеджер

Телефон 123-123-123

< A href =” URL ”> realiz @ kdk . com </ A >

</ ADDRESS >

Атрибуты тега < BODY >. Общий формат записи тега < BODY > со всеми допустимыми атрибутами имеет вид:

<BODY background= ” URL ”

bgcolor=” значение 1 ”

text = ” значение2 ”

link = ” значение3 ”

vlink = ” значение4 ”

alink = ” значение5 ” >

тело документа HTML

</ BODY >

Атрибут background позволяет поместить на web-страницу фоновый рисунок, записав в качестве параметра атрибута URL этого рисунка. URL можно задавать либо в виде полного адреса Интернета (например, " http : // www . server . ru / images /имя_файла. gif "), либо в виде сокращенного адреса с указанием пути к директории на текущем сервере, в которой хранится данное изображение (например, ". . / images /имя_файла. gif ”). Допускается просто указывать имя графического файла, если он хранится в той же директории, что и использующий его файл HTML . Данное изображение может иметь любой размер, поскольку при интерпретации кода оно многократно повторяется, заполняя все доступное пространство в окне броузера.

Атрибут text позволяет задать цвет текста для всего документа в целом. Однако он может быть изменен в определенном участке текста путем использования команды < FONT > с атрибутом color .

Атрибут bgcolor используется для задания фонового цвета всему документу. Атрибуты bgcolor и background не исключают друг друга, однако у последнего имеется приоритет. Это означает, что в случае, когда заданы оба эти атрибута, сначала выполняется заливка web-страницы цветом, назначенным в атрибуте bgcolor , поверх которой размещается изображение, заданное атрибутом background .

Атрибут link задает цвет, которым отображается непосещенная гиперссылка, то есть ссылка, к которой посетитель данного web-сайта еще не обращался. По умолчанию ей присваивается значение " blue " (#0000 FF ). В свою очередь, атрибут vlink указывает на цвет посещенной ссылки, значение которой по умолчанию – " purple " (#800080).

Атрибут alink определяет цвет гиперссылки в момент нажатия. По умолчанию данный атрибут также имеет значение " purple ".

Пример использования тега < BODY > со всеми допустимыми атрибутами:

<BODY

background= http: // www. myserver. com/1mages/back. jpg

bgcolor="#000000"

text="#FFFFFF"

link="#008000"

vlink="#800080"

alink ="# FF 0000">

Тело документа HTML

</ BODY >

Применение многоязычного текста. Указание языка, на котором составлен документ или его фрагмент выполняется атрибутом lang . В качестве значения этого атрибута представляется код языка ( en – английский, en – US – английский США, de – немецкий, ru – русский, uk – украинский). Например,

< HTML lang =” de ”> – документ составлен на немецком языке,

< Q lang =” uk ”> – цитата на украинском.

Направление чтения текста. Задается атрибутом dir , принимающим значения: ltr – слева направо, rtl – справа налево. Атрибут задается для текстов на арабском языке или иврите.

3.4 Разделы, заголовки и горизонтальные линии

Разделы. Формат задания раздела:

< DIV >

HTML -код или текст

</ DIV >

или

< SPAN >

HTML -код или текст

</ SPAN >

Разделы используются для задания параметров текста и его расположения. К разделу можно применять любые атрибуты стиля. Теги < DIV > и < SPAN > отличаются тем, что при использовании тега < DIV > браузер производит перенос раздела на новую строку и перед ним автоматически устанавливается пустая строка. При использовании тега < SPAN > переноса не возникает.

Заголовки. Заголовки позволяют разделить web -страницу на логически законченные блоки и помогают ориентироваться в содержимом документа.

Спецификация HTML позволяет программисту использовать шесть различных стилей, или, как их еще принято называть, логических уровней заголовков.

Для того чтобы отобразить заголовок на web-странице, необходимо использовать тег <Н n >, где n - целое число от 1 до 6, обозначающее номер уровня заголовка, причем самым верхним уровнем принято считать 1. Синтаксис записи этой команды:

<Н n а lign ="параметр">

Текст заголовка

</Н n >

Атрибут align дает возможность web-мастеру определить расположение заголовка в окне браузера. Параметр этого атрибута может принимать одно из трех возможных значений:

right – позиционирование заголовка по правой границе документа;

left – позиционирование заголовка по левой границе документа;

center – позиционирование заголовка по центру документа.

По умолчанию заголовки выравниваются по левому краю страницы. Высоты заголовков относятся как 2: 1,5: 1,17: 1,33: 0,83: 0,67. Заголовки как блоковые элементы отделяются от текста пустыми строками.

Пример:

<Н1 align =” center ”>

ДОБ PO ПОЖАЛОВАТЬ НА МОЮ СТРАНИЧКУ!

</Н1>

Горизонтальные линии. Чтобы визуально отделить часть объектов документа от других, применяются горизонтальные линии. Горизонтальная линия – это графический элемент, имеющий длину, толщину и цвет.д.ля создания таких линий в HTML используется непарный тег < HR > (сокращение от Horizontal Ruler ). В спецификации HTML для отображения вертикальных линий не предусмотрено специальных тегов.

Формат создание стандартной линии (по умолчанию стандартная линия занимает всю ширину окна браузера, а её толщина составляет 2 px , верхняя часть линии несколько темнее нижней):

< HR >

Формат сплошной темной линии без тени:

< HR noshade >

Формат горизонтальной линии с указанием свойств:

< HR align =”значение”

width =”значение”

size =”значение”

color =”значение”>

Атрибут align задает выравнивание линии и может принимать значения center , left или right . По умолчанию линии выравниваются по центру страницы.

Атрибут width задает длину линии в пикселях или процентах. Например, тег < HR width =25> определяет горизонтальную линию шириной 25 пикселов. Если значение атрибута задается в процентах (ставится символ %), то ширина линии вычисляется относительно ширины окна, например < HR width =”25%”>. Задание длины линии в относительных единицах предпочтительнее.

Толщина линии задается атрибутом size . Значение этого атрибута задается в пикселах в диапазоне от 1 до 175. Присвоение больших значений игнорируется. По умолчание size =2 px .

Цвет линии определяется атрибутом color .

4.Списки

Существуют 3 вида списков: маркированный (неупорядоченный), нумерованный (упорядоченный), список определений.

4.1 Маркированный список

Формат задания списка:

< UL t уре="параметр">

< LH >Заголовок списка</ LH >

< LI >Содержимое 1 строки списка</ LI >

< LI >Содержимое 2 строки списка </ LI >

< LI > Содержимое n строки списка</ LI >

</ UL >

Атрибут type позволяет программисту управлять так называемым "буллет-стилем", то есть внешним видом и формой обозначающих каждое вхождение меток. Параметр этого атрибута может принимать одно из трех значений:

disc - метки отображаются в виде заполненных черным цветом окружностей;

circle - метки отображаются в виде полых окружностей;

square - метки отображаются в виде заполненных черным цветом квадратов.

По умолчанию, то есть в случае, когда в маркированном списке тег < UL > записывается без атрибутов, type =" disc ".

4.2 Нумерованный список

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

Формат задания списка:

< OL t уре=”параметр”

start =”значение”>

< LI >Содержимое 1 строки списка</ LI >

< LI >Содержимое 2 строки списка </ LI >

< LI > Содержимое n строки списка</ LI >

</ OL >

Атрибут type позволяет изменять буллет-стиль, то есть определять вид маркеров, которыми будут обозначаться составляющие список значения. В составе атрибута type можно использовать один из следующих параметров:

"1" – обычные арабские числа 1, 2, 3 и т.д.

"I" – римские цифры в заглавном регистре I, II, III, IV и т.д.

" i " – римские цифры в строчном регистре i , ii , iii и т.д.

"А" – символьная маркировка в заглавном регистре А, В, С и т.д.

"а" – символьная маркировка в строчном регистре а, b , с и т.д.

В НТМ L возможно изменить порядок нумерации строк списка и порядок нумерации внутри списка.

Атрибут start позволяет задавать позицию, с которой следует начать маркировку. Например, если атрибут type задан как "I", а атрибут start – как "5", то нумерация начнется с цифры 5. Если же type имеет значение "А", а start – " D ", то маркировка начнется с символа D .

Можно изменить нумерацию внутри списка, указав в теге < LI > атрибут value .

< LI value =значение> Содержимое 1 строки списка </ LI >

По умолчанию значение атрибута type принимается как "I", нумерация начинается с первого элемента в каждом из типов маркировки.

4.3 Вложенные списки

Возможно создание так называемых вложенных списков, реализуемых посредством размещения одной пары тегов в другой, например, команд создания маркированного списка внутри нумерованного. Простая реализация вложенного списка имеет вид:

1. Вхождение 1

Вхождение 1-а

Вхождение 1-б

2. Вхождение 2

Вхождение 2-а

Вхождение 2-б

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

< OL >

< LI > Вхождение 1

< UL >

< LI >Вхождение l - a </ LI >

< LI >Вхождение 1-б</ LI >

</ UL >

</ LI >

< LI > Вхождение 2

< UL >

< LI >Вхождение 2- a </ LI >

< LI >Вхождение 2-б</ LI >

</ UL >

</ LI >

</ OL >

Тег < LI > может включать те же атрибуты, что и теги самих списков < UL > и < OL >. Если, например, вхождения маркированного списка отображаются принятым по умолчанию маркером disc , но одно из наиболее значимых по контексту вхождений программисту необходимо пометить маркером square , можно записать тег данного элемента следующим образом: < LI type =” square ”>Вхождение</ LI >. Аналогично, один из пунктов нумерованного арабскими цифрами списка можно пометить символьным маркером, записав соответствующий тег следующим образом: < LI type =”А”>Вхождение</ LI >.