Каталог Рефератов - Специализированные языки разметки документов (HTML)

	Информационно-образоательный портал
	Рефераты, курсовые, дипломы, научные работы,



МЕНЮ\|

поиск

Специализированные языки разметки документов (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 для отображения вертикальных линий не предусмотрено специальных тегов.

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

<HR>

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

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

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

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

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

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

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

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

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

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

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

4.1 Маркированный список
Формат задания списка:

<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>.

4.4 Списки определений
Эти списки представляют собой списки терминов вместе с их определениями, то есть они напоминают толковый словарь.

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

<DL>

<DT> Тег, задающий определяемый термин </DT>

<DD>Тег, задающий определение термина</DD>

<DD> Тег, задающий определение термина </DD>

<DТ> Тег задающий определяемый термин </DT>

<DD> Тег, задающий определение термина </DD>

</DL>

Закрывающие теги для команд <DТ> и <DD> списка определений можно опустить. Данные теги могут использоваться и самостоятельно: <DT> для отображения терминов, выделяемых в тексте шрифтом, a <DD> - для их расшифровки, помеченной отступом. В этом случае наличие соответствующих закрывающих тегов обязательно.

5. Таблицы
5.1 Формат задания и общие параметры таблицы
Для создания таблиц применяется тег <TABLE>. Состав таблицы по строкам и ячейкам задается с помощью следующих элементов:

TR - элемент, формирующий отдельную строку;

TD - элемент, определяющий содержимое ячейки данных;

TH - элемент, задающий ячейку заголовка;

CAPTION - элемент названия таблицы.

Структура записи тега <TABLE> в общем виде следующая:

<TABLE аlign=”значение”

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

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

background=”URL”

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

border=”целое число”

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”

cellpadding=”целое число”

cellspacing=”целое число”

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

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

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

<CAPTIONalign=”значение”

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

Название таблицы

</CAPTION>

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

valign=”знaчeниe”

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

height=”целое число”

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

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”>

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

valign=”знaчeниe”

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

height=”целое число”

background=”URL”

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

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”

colspan=”целоe число”

rowspan=”целое число”

nowrap>

Ячейка заголовка таблицы

</TH>

</TR>

<TR>

<TDalign=”значение”

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

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

height=”целое число”

background=”URL”

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

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”

colspan=”целоe число”

rowspan=”целое число”

nowrap>

Содержимое ячеек

</ТD>

</TR>

</TABLE>

Общие параметры таблицы определяются значениями атрибутов тега <TABLE>:

align - задает горизонтальное позиционирование всей таблицы в целом, может принимать значения left, right или center.

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

height устанавливает высоту таблицы.

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

bgcolor устанавливает цвет фона таблицы.

border указывает на толщину рамки и пикселах. Если border=0, таблица становится "невидимой".

bordercolor устанавливает цвет рамки таблицы.

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

cellpadding определяет расстояние в пикселах между границей ячейки и её содержимым.

cellspacing задает расстояние между внешними границами ячеек в пикселах.

cols указывает количество столбцов в таблице.

frame определяют параметры внешних границ таблицы. Чтобы этот атрибут влиял на отображение рамок, должен быть установлен атрибут border с ненулевым значением. Атрибут frame может принимать следующие значения:

border (или box) - устанавливает все линии внешней рамки;

void - внешняя рамка не отображается;

above (или below) - выводит только верхнюю (или нижнюю) границу таблицы;

hsides - выводит только верхнюю и нижнюю линии рамки;

vsides - выводит только левую и правую линию рамки;

lhs - устанавливает только левую линию рамки;

rhs - устанавливает только правую линию рамки.

rules определяют параметры внутренних границ таблицы. Чтобы этот атрибут влияли на отображение рамок, должен быть установлен атрибут border с ненулевым значением. Атрибут rules может принимать следующие значения:

none - все внутренние линии не отображаются;

groups - отображает горизонтальные границы между группами строк и столбцов;

rows - определяет отображение только горизонтальных линий между строками;

cols - устанавливает отображение только вертикальных линий между столбцами;

all - все внутренние рамки отображаются.

5.2 Параметры заголовка, строк и ячеек таблицы. Параметры заголовка определяются следующими значениями атрибутов тега <CAPTION>:

align - определяет выравнивание названия относительно границ таблицы и может принимать значения: left (выравнивание по левой границе, название располагается над таблицей), right (выравнивание по правой границе, название располагается над таблицей), center или top (выравнивание по центру, название располагается над таблицей), bottom (выравнивание по центру, название располагается под таблицей).

valign - используется для выравнивания названия при размещении его над или под таблицей. Атрибут align не выполняет выравнивания названия вправо или влево при значениях top и bottom. Для такого выравнивания нужно применять оба атрибута valign и align: атрибут valign будет задавать расположение названия над или под таблицей, а атрибут align - определять его выравнивание по левой или правой границе таблицы.

Параметры строк таблицы задаются значениями атрибутов тега <TR>, а параметры ячеек - значениями атрибутов тегов <TD>, <TH>:

align - задает выравнивание содержимого ячейки по горизонтали и определяется значениями left, right, center.

valign - задает выравнивание содержимого ячейки по вертикали и определяется значениями top (по верхнему краю), bottom (по нижнему краю), middle (посредине), baseline (по базовой линии).

width задает ширину ячейки.

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

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

bgcolor устанавливает цвет фона ячейки таблицы.

bordercolor устанавливает цвет рамки ячеек таблицы.

bordercolordark, bordercolorlight - используются для задания объемной границы ячеек таблицы. Атрибут bordercolordark определяет цвет затененной части рамки, bordercolorlight задает цвет освещенной рамки.

colspan - устанавливает число ячеек, которые должны быть объединены в одну по горизонтали.

rowspan - устанавливает число ячеек, которые должны быть объединены в одну по вертикали.

nowrap - запрет переноса слов внутри ячейки. Текст отображается одной сплошной строкой.

Страницы: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11

© 2003-2013
Рефераты бесплатно, курсовые, рефераты биология, большая бибилиотека рефератов, дипломы, научные работы, рефераты право, рефераты, рефераты скачать, рефераты литература, курсовые работы, реферат, доклады, рефераты медицина, рефераты на тему, сочинения, реферат бесплатно, рефераты авиация, рефераты психология, рефераты математика, рефераты кулинария, рефераты логистика, рефераты анатомия, рефераты маркетинг, рефераты релиния, рефераты социология, рефераты менеджемент.