2020-06-29
87
<HTML>
<HEAD>
<TITLE>
Форматирование текста
</TITLE>
</HEAD>
<BODY>
Текст разрывается<BR>в указанных местах<BR>при помощи элемента BR
<PRE>
Элемент PRE:
Текст отображается
с сохранением исходного форматирования
моноширным шрифтом.
</PRE>
</BODY>
</HTML>
Для обозначения заголовков текста в языке HTML существуют специальные элементы – H1, H2, H3, H4, H5 и H6 (номера определяют важность заголовка от 1 до 6). Для заголовков можно задать следующие свойства:
− align - выравнивание заголовка
− title - текст подсказки (всплывает при наведение указателя)
− <div align=right/left> </div> – выравнивание по левому/ правому краю
Для задания отображения части текста отличного от изображения используемого по умолчанию используется элемент FONT, который может иметь следующие атрибуты:
− fise - название шрифта
− size - размер шрифта от 1 до 7 (по умолчанию используется 3)
− color - цвет текста
Например:
Пример 6.2 Заголовки
<HTML>
<HEAD>
<TITLE>
Заголовки. Элемент FONT
</TITLE>
</HEAD>
<BODY>
<H1 align=center> Заголовок H1 </H1>
<H2 align=center> Заголовок H2 </H2>
<H3 align=center> Заголовок H3 </H3>
<H4 align=center> Заголовок H4 </H4>
<H5 align=center> Заголовок H5 </H5>
<H6 align=center> Заголовок H6 </H6>
Использование элемента FONT для <FONT size=4 color=red> отображения </FONT> текста
</BODY>
</HTML>
|
|
|
Горизонтальные линии.
Для вставки горизонтальной линии применяется одиночный тег HR, который может иметь следующие атрибуты:
align - выравнивает линейку в окне браузера, может принимать следующие значения:
− left - выравнивание по левому краю
− right - выравнивание по правому краю
− center - выравнивание по центру
noshade - булев атрибут (значение не присваивается), отображает линейку плоской
size - толщина линейки, численное значение
width - ширина линейки, может задаваться в пикселях или в процентах от ширины окна браузера
По умолчанию линейка выравнивается по центру и имеет ширину 100% от окна браузера. Пример:
Пример 7. Горизонтальные линии
<HTML>
<HEAD>
<TITLE>
Линейки
</TITLE>
</HEAD>
<BODY>
Настройки линейки по умолчанию
<HR>
Линейка шириной 5 пикселов
<HR size=5>
Плоская линейка шириной 5 пикселов
<HR noshade size=5>
Линейки шириной 50% и различным выравниванием - по левому краю, по центру, по правому краю
<HR align=left>
<HR align=center>
<HR align=right>
</BODY>
</HTML>
В окне браузера этот пример выглядит так:
Вставка изображений.
Для добавления на веб-страницу изображений используется одиночный тег IMG, который может иметь следующие атрибуты:
− src - задаёт URL изображения;
− alt - текст, который отображается на месте изображения, если браузер не может отобразить само изображение;
|
|
|
− border - толщина границы вокруг изображения в пикселях;
− align - задаёт выравнивание изображения;
− height - задаёт высоту изображения в пикселях;
− width - задаёт ширину изображения;
− vspace - задаёт величину свободного пространства сверху и снизу от изображения;
− hspace - задаёт величину свободного пространства слева и справа от изображения.
Картинка может быть ссылкой:
<A HREF="prise.htm"><IMG SRC="prise.gif" border=0, alt="цена"></A>
Выравнивание:
− •Left/Right - выравнивание по левому/правому краю, текст слева/ справа от изображения;
− TOP - выравнивает изображение по самому верхнему элементу строки;
− MIDDLE - выравнивает нижнюю границу строки посередине изображения;
− BOTTOM - выравнивает нижнюю границу строки по нижней границе изображения.
Например:
