Разделители

Хотя простые линии очень полезны, они довольно скоро надоели создателям Web-страниц. Поэтому тэг <hr> был доработан до его теперешнего, "резинового" в обращении, вида. Теперь помимо тонкой линии поперек страницы вы можете применить и другой тип линии, используя расширения тэга <hr>.

Простая линия <hr> Линия без тени <hr noshade> Линия размером в 10px <hr size="10"> Линия шириной в 80% <hr width="80%"> Оранжевая линия <hr color="orange"> А теперь сгармонируем все параметры в одну линию <hr noshade width="80%" color="orange" size="10" >

Параметры разделительных линий:

· <hr noshade > - По умолчанию, линия отбрасывает трудно-видимую тень. Для того чтобы тени от линии не было, необходимо использовать такой синтаксис.

· <hr size="10" > - По умолчанию, линия имеет размер 1 пиксель. Но мы можем его менять. Для этого необходимо вписать size=" ваше число ", где ваше число - число пикселей, в нашем случае 10.

· <hr width="80%" > - По умолчанию, линия имеет ширину равную 100%, т.е. во всю длину окна браузера. В данном случае мы изменили этот параметр на 80%.

· <hr color="orange" > - По умолчанию, линия имеет прозрачный цвет. Но из-за тени, нам кажется, что линия серая. Мы можем изменить цвет линии. Синтаксис виден из примера.

Все эти параметры могут сочетаться и использоваться параллельно.

Задание к 1 лабораторной работе:

1. Создать свою страницу в блокноте (index.html).

2. Разместить на странице информацию о себе.

3. Отформатировать текст на странице при помощи тэгов <dd>,<br>,<hr>.


Урок HTML № 2.

Данная практическая работа рассматривает варианты стилевого оформления текстовой информации страницы.

Выравнивание текста по центру

Выравнивание текста по центру позволяют сделать тэг <center> и </center>. При использовании этих тэгов заголовки или текст не будут прижаты к левому краю, они равномерно заполнят область вывода текста. Чтобы выровнять текст по центру, просто вставьте тэги <center> и </center> в начале и в конце нужного фрагмента:

<center><h1>Пример заголовка - размер 6</h1></center>

Вот что мы получим в результате:

Пример заголовка - размер 6

Вы можете центрировать заголовки, текст, абзацы и веб-графику.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: