BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

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

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

2014-03-05 / Вр:21:48 / просмотров: 12158

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

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

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

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

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

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

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

<Hr width="500px">

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

Результат:



Толщина линии:

<Hr size="8">

Результат:


Выравнивание линии:

"right" - вправо;

"center" – по центру;

"left" – слева(по умолчанию).

<Hr align="right">

Результат:


Отмена объемности линии:

<Hr NoShade>

Результат:


Цвет  линии:

<Hr color="cc0000">

Результат:

Цвет  линии в HTML

Цвет линии работает только в IE.

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

Получай обновления блога!!! Подпишись:

Популярные статьи:

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

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

Метки: ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716