Как сделать горизонтальную линию в HTML. Урок №15

Бывает, смотришь на текст, а ему чего-то не хватает. Экспериментируя, добавляешь горизонтальную линию и удивляешься, насколько уникальным может быть этот неприметный элемент дизайна.

С помощью горизонтальной линии вы сможете визуально разделить текст на блоки, помогая читателю усваивать информацию с определенной логикой.

После появления CSS многие веб мастера перестали использовать горизонтальную классическую линию в HTML. Но, поскольку наше дело изучить основы HTML, то нам нужно освоить все способы выставления горизонтальной линии, а потом уже выбирать, что и когда лучше использовать для сайта: чистый HTML или добавить еще стиль CSS. Уверяю вас, что вам многократно придется все-таки возвращаться к основам HTML, потому что это будет значительно проще, чем ковыряться в CSS.

Ну что, приступим:

Горизонтальная линия в HTML выставляется при помощи тега <HR>.

Ширина линии:

<Hr width="500px">

Ширина линии задается в процентах (%) или в пикселях (px).

Результат:

<Hr size="8">

<Hr align="right">

<Hr NoShade>

<Hr color="cc0000">

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Добавить комментарий

Нажмите, чтобы отменить ответ.

Имя (required)

Mail (will not be published) (required)

Сайт

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: html, основы