Разделители: элементы BR и HR
Иногда требуется принудительно разбить текст на строки или же просто добавить дополнительную пустую строку. Пустой элемент 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%"
Пример
<HR align="center" size="3" width="350" noshade color="blue">
Неразделимый текст
Элементы: (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> <!-- При щелчке на тексте "Перейти к примеру1" курсор переместится к тексту "Пример 1" -->
<A href="index.html" title="Ссылка1" target="_blank">Главная сайта</A>
<!-- При щелчке на тексте "Главная сайта" в новом окне откроется страница с иминем index, которая находится в том же каталоге, что и этот документ, а при наведение на ссылку, появится надпись "Ссылка1". -->
</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"
Пример
<IMG src="images/t1.jpg" alt="фото1" width="50" align="bottom" border="0">
<!-- На страницу будет загружено изображение из файла t1.jpg, который находится в папке images. Ширина изображения будет 50px, а высота вычислена автоматически. Изображение будет выровнено по нижнему краю страницы. Рамки вокруг изображения не будет. При наведении на изображение указателя мыши, будет выведен текст "Фото1". -->