Бывает, смотришь на текст, а ему чего-то не хватает. Экспериментируя, добавляешь горизонтальную линию и удивляешься, насколько уникальным может быть этот неприметный элемент дизайна.
С помощью горизонтальной линии вы сможете визуально разделить текст на блоки, помогая читателю усваивать информацию с определенной логикой.
После появления CSS многие веб мастера перестали использовать горизонтальную классическую линию в HTML. Но, поскольку наше дело изучить основы HTML, то нам нужно освоить все способы выставления горизонтальной линии, а потом уже выбирать, что и когда лучше использовать для сайта: чистый HTML или добавить еще стиль CSS. Уверяю вас, что вам многократно придется все-таки возвращаться к основам HTML, потому что это будет значительно проще, чем ковыряться в CSS.
Ну что, приступим:
Горизонтальная линия в HTML выставляется при помощи тега <HR>.
Ширина линии:
<Hr width="500px">
Ширина линии задается в процентах (%) или в пикселях (px).
Результат:
Толщина линии:
<Hr size="8">
Результат:
Выравнивание линии:
"right" - вправо;
"center" – по центру;
"left" – слева(по умолчанию).
<Hr align="right">
Результат:
Отмена объемности линии:
<Hr NoShade>
Результат:
Цвет линии:
<Hr color="cc0000">
Результат:
Цвет линии работает только в IE.
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 326865 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 272657 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 209384 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 185441 -
Как включить или отключить Aero в Windows 7
Дата: 1 июня 2013
Прокомментировано:6
просмотров: 160470
Спасибо, Александр за комментарий. Планирую еще пару постов для WooCommerce…
⇒ Открыть статью ⇐