Тег HR — горизонтальные линии

тег HRТег <HR> отвечает за отображение на веб-странице горизонтальных линий, которые по своему виду зависят от применяемых  параметров, а также используемых браузера. Тег <HR> можно отнести к блочным элементам. Линии всегда начинаются с новой строки, а элементы идущие после них отображаются на следующей строке. Закрывающий тег не нужен.

Параметры Тега <HR>

  • width — определяет ширину линии.
  • size — отвечает за толщину линии.
  • align — задаёт выравнивание линии.
  • color — назначает цвет линии.
  • noshade — отображает линии без трехмерных эффектов.

Рассмотрим различные примеры использования линий на веб-страничках. Все примеры вставлябтся в шаблон пустой страницы.
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<title>
Тег HR, параметры width, size и noshade</title>
</head>

<body>
<hr noshade size="1" width="30px">
<hr noshade size="3" width="60px">
<hr noshade size="5" width="90px">
<hr noshade size="7" width="120">
<hr noshade size="4" width="90px">
<hr noshade size="2" width="60px">
<hr noshade size="1" width="30px">
</body>
</html>

Результат виден на рисунке:
тег hr
Если значение параметра size поставить нулевым, или отрицательным — то получим линию в 1пиксел.
Посмотрим примеры использования других параметров:
<hr color="red" size="4" width="250">
<hr noshade color="red" size="4" width="250">
<hr color="blue" size="4" width="250" align="right">

Итог смотрим на скриншоте:
тег hr
Как видно применение  параметра noshade отменяет трехмерные эффекты, используемые при отображении линии по умолчанию.
Так же линию можно изобразить, применяя рамки таблиц, но более гибкое применение линий достигается при использовании возможностей SS.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

Оставить комментарий

Перед отправкой формы:
Human test by Not Captcha