Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ

Разделители: элементы BR и HR

⇐ ПредыдущаяСтр 2 из 4Следующая ⇒

Иногда требуется принудительно разбить текст на строки или же просто добавить дополнительную пустую строку. Пустой элемент BR выполняет принудительный перевод строки (аналог клавиши Enter в текстовом редакторе).

Примечание: пустой элемент br не имеет содержимого и закрывающего тега и состоит только из открывающего, т.е. <BR>

Пример

<P>пример1 <BR> пример2</P>

Элемент HR

Элемент HR отображает горизонтальную линию. Этот элемент имеет следующие атрибуты:Атрибут Описание Значение Пример

align Задаёт выравнивание линии

(по умолчанию по центру) left|center|right align="right"

color Задаёт цвет линии цвет color="black"

size Задаёт толщину линии в пикселях от 1 до бесконечности size="1"

noshade Логический (булев) атрибут, если он установлен, то линия не будет объёмной нет noshade

width Задаёт длину линии в пикселях или процентах от ширины экрана Число или проценты width="80%"

Пример

Неразделимый текст

Элементы: (NOBR) и спецсимвол неразрывного пробела ( ) полезны тогда, когда требуется, чтобы какой-либо фрагмент текста всегда находился на одной строке в окне браузера и не разбивался при автоматической разбивке текста на строки в зависимости от ширины окна браузера.

Пример

<NOBR> Иванов Н. С.</NOBR>

Иванов Н. С.

Создание списков

Создание списков при помощи элемента OL

Нумерованный список задаётся элементом OL, т.е. весь список должен располагаться между тегами <OL> </OL>. Пункты самого списка задаются элементом LI. Тег OL может принимать единственный атрибут type, который задаёт тип нумерации. Атрибут type может принимать следующие значения:

type="A" - Заглавные латинские буквы, т.е. A, B, C...

type="a" - прописные латинские буквы, т.е. a, b, c...

type="I" - большие римские цифры, т.е. I, II, III...

type="i" - малые римские цифры, т.е. i, ii, iii...

type="1" - стандартные арабские цифры (значение по умолчанию), т.е. 1, 2, 3...

Пример

<OL type="I"><LI>Пункт1</LI><LI>Пункт2</LI></OL>

Создание списков при помощи элемента UL

Элемент UL, также как и OL принимает единственный атрибут type, но для элемента UL атрибут type принимает следующие значения:

type="disk" - маркер в виде закрашенного круга (значение по умолчанию).

type="circle" - маркер в виде пустого круга.

type="square" - маркер в виде закрашенного квадрата.

Пример

<UL type="circle"><LI>Пункт1</LI><LI>Пункт2</LI></UL>

Связь документов в HTML

Элемент A

Элемент А служит для обозначения в HTML коде ссылочного элемента. Тот элемент Web-страницы, который попадает внутрь элемента А, будет являться ссылкой. Элемент A имеет несколько атрибутов:

name Служит для установки привязки, ссылка на привязку должна включать в себя имя метки Имя метки name="metka"

href Задаёт URL ресурса, на который надо переходить после щелчка на ссылке URL href="http://www.always-best.ru"

title Содержит описание гиперссылки, текст будет выводиться в качестве подсказки, если подвести курсор мыши к ссылке текст title="следующая страница"

target Задаёт целевой фрейм или окно. Возможны значения:

_blank - ссылка загружается в новое окно.

Значения, которые используются при работе с фреймами (см. раздел Фреймы):

_self - загружается в тот же фрейм, из которого ссылаются.

_parent - документ загружается в непосредственный родительский фрейм, эквивалентно _self, если текущий фрейм не имеет родительского фрейма.

_top - загружается документ в полное окно (закрывая все остальные фреймы). _blank

_self

_parent

_top target="_blank"

Примеры атрибутов для элемента А

<HTML>

<HEAD>

</HEAD>

<BODY>

<A href="#T1">Перейти к пимеру1</A>

<A name="T1">Пример 1</A>

<A href="index.html" title="Ссылка1" target="_blank">Главная сайта</A>

</BODY>

</HTML>

Графика, звук

Элемент IMG

Любое изображение в формате JPEG или GIF можно добавить на Web страницу при помощи элемента IMG. Это пустой элемент, т.е. он имеет только открывающийся тег, с помощью атрибутов которого задаются все параметры. Элемент IMG может иметь следующие атрибуты:Атрибут Описание Значение Пример

src Задаёт URL графического файла, который должен быть встроен в документ URL src="images/t1.jpg"

alt Задаёт текст, который будет выводиться на месте изображения в том случае, если отображение рисунков отключено текст alt="фото1"

width,

heignt Задают высоту и ширину изображения значение в px или % width="100"

height="80"

border Устанавливает толщину рамки вокруг изображения значение в px border="0"

vspace,

hspace Указывают положение на экране верхнего левого угла изображения значение в px или % vspace="100"

hspace="70"

align Определяет способ выравнивания изображения на странице top, middle,

bottom, left, right align="left"

Пример

Звук - элемент BGSOUND

Кроме графических изображений, на web страницу можно интегрировать фоновый звук с помощью элемента BGSOUND. Он будет проигрываться во время просмотра пользователем страницы - естественно, при условии, что у пользователя есть наушники или колонки. HTML поддерживает лишь прстейшие аудиоформаты: WAV, AU, MIDI. Перечислим все атрибуты элемента BGSOUND:Атрибут Описание Значение Пример

src Задаёт URL звукового файла, который должен быть встроен в документ URL src="song.midi"

balance Стереобаланс от -10000 до 10000 balance="0"

loop Число повторов; если равно -1, то повторяется бесконечно целочисленное значение loop="15"

volume Громкость. Нулевое значение соответствует максимальной громкости, какую может воспроизвести оборудование пользователя от -10000 до 0 volume="0"

Элемент BGSOUND. Пример

< BGSOUND src="song.midi" loop="15" balance="0" volume="-5000">

Таблицы

Для создания таблиц в языке HTML используются следующие элементы:

TABLE - создаёт таблицу.

CAPTION - задаёт заголовок для таблицы.

TR - задаёт строку таблицы.

TH - задаёт ячейку таблицы, заголовок столбца.

TD - задаёт простую ячейку таблицы с данными.

Элемент TABLE

В языке HTML для создания таблиц служит элемент TABLE. Весь код таблицы должен располагаться между тегами <TABLE> и </TABLE>. Атрибуты этого элемента задают параметры для всей таблицы целиком. Атрибуты элемента TABLE:Атрибут Описание Пример

border Ширина рамки вокруг всей таблицы border="1"

bgcolor Определяет цвет фона ячеек таблицы bgcolor="yellow"

background Позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка background="images/foto.jpg"

bordercolor Определяет цвет рамки (светлый цвет для объёмной) bordercolor="blue"

bordercolordark Определяет тёмный цвет рамки (тень для объёмной) bordercolordark="black"

width Ширина таблицы width="100%"

align left, right, center - выравнивание таблицы относительно текста align="center"

valign Задаёт вертикальное выравнивание для всех ячеек таблицы valign="top"

cellspacing Расстояние между ячейками cellspacing="2"

cellpadding Пустое расстояние между текстом и внутренней границей ячейки cellpadding="2"

frame Задаёт вид рамки вокруг таблицы. Допустимые значения: void, above, below, hsides, vsides, lhs, rhs, box frame="all"

rules Задаёт тип внутренних границ между ячейками: none, rows, cols, all rules="none"

Атрибут frame

Атрибут frame задаёт тип рамки вокруг таблицы. Допустимы следующие значения:

void - границ нет (это значение по умолчанию).

above - только верхняя часть границы.

below - только нижняя часть.

hsides - только нижняя и верхняя части.

vsides - только левая и правая части.

lhs - только левая часть.

rhs - только правая часть.

box - все четыре части.

Атрибут rules

Атрибут rules задаёт внутренние границы таблицы (между ячейками). Допустимы следующие значения:

none - нет границ между ячейками (это значение по умолчанию).

rows - только между строками.

cols - только между столбцами.

all - отображаются все границы между строками и столбцами.

Элемент CAPTION - название таблицы

У таблицы может быть название. Оно не принадлежит непосредственно к табличным данным, а располагается перед таблицей или после неё. В HTML название таблицы задаётся при помощи элемента CAPTION, который должен находиться внутри элемента TABLE. У элемента CAPTION есть один атрибут align, позволяющий задать его расположение: над таблицей (top) или под таблицей (bottom).

Пример элемента CAPTION

<TABLE>

<CAPTION align="bottom">Название таблицы</CAPTION>

Код строк и столбцов таблицы

</TABLE>

Элемент TR - строки таблицы

В языке HTML таблицы формируются построчно. Элемент TR создаёт строку таблицы, а его атрибуты задают параметры для всех ячеек в строке. Перечислим атрибуты для элемента TR:Атрибут Описание Пример

align left - выравнивание данных в ячейках строки по левому краю (это значение по умолчанию)

center - выравнивание данных по центру (это значение по умолчанию для заголовков столбцов таблиц - TH)

right - выравнивание данных по правому краю align="center"

valign top - данные ячейки сдвигаются вверх.

middle - данные ячейки центрируются вертикально (это значение по умолчанию)

bottom - данные в ячейке сдвигаются вниз. valign="top"

bgcolor Устанавливает цвет фона для строки таблицы bgcolor="green"

⇐ Предыдущая 123 4 Следующая ⇒

Статус республик в составе РФ

Понятие финансов, их функции и особенности

Сущность демографической политии

Последнее изменение этой страницы: 2017-02-08; просмотров: 144; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.129.23.30 (0.031 с.)