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

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

Главная

Рассылка

Магазин

Видео Курсы

Секрет

Услуги

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

Урок 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">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разработка полного пакета документов по Охране труда под "КЛЮЧ"
с учетом специфики работы вашей организации. СУОТ.
Сопровождение организаций по Охране труда
(очное или дистанционное).

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

12.05.2015
Новая услуга! Изготовление графических элементов. Заказать: иллюстрации для книг, коллажи, подарочные и поздравительные открытки, 3D обложки, фантастические и сюрреалистические работы, зарисовки, баннеры и еще много, многое другое, быстро и дешево.

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

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

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

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

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

Реклама в Почтовых Рассылках.

Домены

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

Google Adsense

Навигация

Уроки HTML

Инструменты

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

Украшения

Сайт от А до Я

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

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

Охрана труда

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

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

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

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

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

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

Видео Курсы

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

Заработай в Интернете
и осуществи свою МЕЧТУ
"Как?"
Узнать сейчас >>>

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

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

Статистический отчет Форма № 7-травматизм "Сведения о травматизме на производстве и профессиональных заболеваниях"

Какие отчеты необходимо сдать Специалисту по охране труда за год

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

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

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

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

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

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

Наши ссылки

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

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

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

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

Проверено Z-PAYMENT

Принимаем Z-PAYMENT

www.megastock.ru

HTML | CSS | Статьи | Инструменты | Шаблоны | Книги | Украшения | Сайт | Заработок | Обман
PHP | Услуги | Скрипты | Рассылка | SEO | jQuery | СОУТ | Online | Секрет| Написать Автору

Разрешается полное или частичное копирование материалов сайта с обязательным
указанием ссылки на автора материала и источник - www.LuksWeb.ru

Copyright Андрей Краснокутский © 2008 - 2019