Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

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

Автор: Андрей Краснокутский

Дата: 2009-07-23

С помощью тега hr (Horisontal Rule) на web-страницу можно вставить горизонтальную разделительную линию. Например вот так:


Листинг 16.1.

<HR WIDTH="50%" ALIGN="center" SIZE="1">

Вот что мы указали в коде листинга: Линия размером 50 процентов от общей ширины, с выравниванием по центру и толщиной в один пиксель.

Тега hr может иметь следующие атрибуты:

WIDTH
Определяет длину линии в пикселях или процентах от ширины окна Обозревателя.
SIZE
Определяет толщину линии в пикселях.
ALIGN
Определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения:
left - выравнивание по левому краю документа.
right - выравнивание по правому краю документа.
center - выравнивание по центру документа (используется по умолчанию).
NOSHADE
Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.
COLOR
Определяет цвет линии. УвереннорРаботает только в Internet Explorer, в других браузерах могут быть искажения.

 

Несколько примеров линий:

<HR> (Обычная линия)


 

Листинг 16.2.

<HR WIDTH="50%" ALIGN="left" SIZE="0">

Линия размером 50 процентов с выравниванием по левому краю и с нулевой толщиной.


 

Листинг 16.3.

<HR WIDTH="80%" ALIGN="center" SIZE="3">

Линия размером 80 процентов, выравнивание по центру и толщиной 3 пикселя:


 

Листинг 16.4.

<HR NOSHADE WIDTH="80% СOLOR="Blue" SIZE="8">

Линия размером 80 процентов с толщиной 8 пикселей. Кроме этого линия закрашена синим цветом, выравгивание по центру - по умолчанию:


 

Вместо линии можно реализовать и квадрат:

Листинг 16.5.

<HR NOSHADE WIDTH="18" СOLOR="Red" SIZE="18">

Длина и толщина линии одинакова, за счет этого и рисуется квадрат. Он выполнен с выравниванием по центру и имеет красный цвет:


Расположить несколько квадратов в одну строку, к сожалению, нельзя.

 

Просмотров: 21458


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Комментарии добавил(а): Калян
Дата: 2010-12-03

А как вертикальную?

Комментарии добавил(а): Ника К.
Дата: 2011-01-10

Спасибо! Все так наглядно и доступно, что чувствуешь себя не очень умным человеком - это даже слишком просто :))

Комментарии добавил(а): пффф
Дата: 2012-12-12

а как вставить картинку? чтобы был не просто горизонтальный разделитель, а картинка в виде гориз.разделит.??

Комментарии добавил(а): артьём
Дата: 2014-05-20

спс по инфеи помогло

Комментарии добавил(а): Сергей
Дата: 2015-03-03

Классно! Спасибо автору за простые и понятные примеры!

Комментарии добавил(а): Олег
Дата: 2016-01-23

Пожалуй, можно разместить несколько квадратов в одну линию, но при этом надо применить таблицу. Создаётся строка, а в каждой колонке поместить по квадрату. Это, правда, только предположение. Но попробовать можно.

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

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео Курс по созданию собственного Информационного Бизнеса в Интернете
Видео Курс по созданию
Информационного Бизнеса в Интернете
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT