Хоризонталната линия, създавана с неконтейнерния таг <HR> е графичен елемент, който е подходящ за визуално разделяне на отделни части на текст и други елементи в Web страниците. По подразбиране тагът <HR> визуализира релефна, вдлъбната линия със светлосянка. Преди тага <HR> и след него се вмъква автоматично празен ред.
Използването на разделителни линии в Web страниците трябва да се използва внимателно. Те не служат за подчертаване на текст, а за разделяне на страницата на отделни части, ако това е необходимо.
Тагът <HR> има няколко атрибута, чрез които се задават свойствата на линията. Общият вид на тага с атрибутите изглежда така: <HR ALIGN="посока" WIDTH="число/процент" SIZE="число" NO SHADE COLOR="код за цвят">.
В таблица 6.2 са посочени атрибутите на тага <HR>.
| Атрибут | Резултат от изпълнение на таг <HR> със съответните атрибути |
| ALIGN= | Подравняване на линията. Може да има стойности LEFT, CENTER, RIGHT. |
| WIDTH= | Определя дължината на линията.Стойности се задават в пиксели или в % от хоризонталния размер на прозореца на браузера |
| SIZE= | Определя ширината на линията в пиксели. |
| NOSHADE | Премахва релефното изобразяване на линията. Няма стойност. |
| COLOR= | Определя цвета на линията.Използва се формат RGB |
Дължината на линията, задавана с атрибута WIDTH може да има стойност в пиксели. Например, <HR WIDTH=300>.
Ако екрана на монитора е с разрделителна способност 800 на 600 пиксела (800 пиксела във всеки ред и 600 по вертикала) при WIDTH="300" ще бъде изобразена хоризонтална линия (ориентирана в зависимост от стойността на атрибута ALIGN-по подразбиране LEFT) с дължина приблизително една трета от размера на екрана по хоризонталала.
Практически, по-удобно е дължината на линията да се задава в проценти от размера на прозореца по хоризонтала. Например, WIDTH="50%".
Ширината на линията се задава само в пиксели. Например, SIZE="5"
Атрибутът NOSHADE няма стойност. Той отменя релефния вид на линията и тя се изобразява във вид на тъмносива ивица.
С атрибута COLOR се задава цвета на линията. Не всички браузери могат да изобразяват цвят на линия.
С този атрибут в други тагове , които се разглеждат по-нататък в пособието, се задават цветовете на различни елементи на Web страниците.
Начинът за задаване на цвят на всички елементи в Web страници е един и същи.
Цветът може да се зададе със стандартни имена на английски език: black, white, blue, navy и т.н.
Много по-удобно е задаването на цвета във формат RGB, т.е. чрез задаване стойността на всеки от трите основни цвята (R-червен, G-зелен и B-син).
Стойностите на всеки цвят се задават с две числа от 16-тичната бройна система. Това означава, че числата могат да приемат следните стойности: 0,1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f..
В приложение 1 са посочени имената на цветовете и съответните RGB-стойности, включени в спецификацията на HTML 4.0
Както се вижда от приложение 1 при задаване на стойност за трите цвята, т.е. <HR COLOR=000000>, линията ще бъде с черен цвят.
При стойности на трите цвята ff, т.е. <HR COLOR="#ffffff">, линията ще бъде бяла.
Огромното количество на гамата от цветове е между тези две крайни стойности.
На фиг.6.2 е посочен резултата от включване на тага <HR> в кода на настоящата страница без атрибути.
На фигура 6.3 е показан резултата от вклчване на различни атрибути в тага <HR>:
а).
| <hr align="left" width="50%"> |
б).
| <hr align="center" width="50%" size="10"> |
в).
| <hr align="center" width="100%" size="5" noshade> |
г).
<hr align="center" width="80%" size="12" color="#ff0000"> |
д).
| <hr align="center" width="80%" size="6" color="#0000ff"> |
Трябва да се отбележи, че не всички
браузери изобразяват цвят на раделителна линия.