Генератор цветов Уроки C++ Уроки Windows forms Учебники по программированию Уроки HTML Уроки CSS Готовые задания Исходники Полезные программы
регистрация доменов

Дешёвые домены


Уроки HTML


Горизонтальные линии HTML

Из этого урока вы узнаете, как "рисовать" (создавать) горизонтальные линии в html-странице; как задавать цвет, длину, ширину и ориентацию в "HTML пространстве". Саму линию обозначают тегом <hr />.

Для того, что бы понять как делать всё выше описанное напишем такой код: 

<html>
<head>
<title>Горизонтальные линии HTML</title>
</head>
<body>
<hr align="left" width="300" size="2" color=" #36E052 " />
<br>
<hr align="center" width="400" size="5" color="Red" />
<br>
<hr align="right" width="300" size="2" color=" #FFD002 " />
</body>
</html>



А в этом коде длина линии будет задана в процентах – то есть, если вы сжимаете или увеличиваете окно браузера, то линия будет изменять длину в зависимости от заданного параметра (процентов). 

<html>
<head>
<title>HTML line</title>
</head>
<body>
<hr align="center" width="75%" size="32" color="#BC02FF" />
<br><br>
<hr align="right" width="60%" size="8" color="#FF5702" />
</body>
</html>



Важно заметить, что длина линии может быть ориентирована относительно какого-то элемента, внутри которого она находится и этими элементами может быть – таблица (<table>) и блок (<div>), работа с которыми будет рассмотрена в следующих уроках.





◄ Предыдущий урок Содержание Следующий урок ►