Файл: Уроки HTML.docx

Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты: Desing Laboratory (http://cray.vision.krg.kz/~Sam/dlab) Bjork (http://bjurk.by.ru) Prodigy (http://prodiga.by.ru) iPoizon.com (http://iPoizon.com)

Все смешалось. Необходимо отформатировать текст. Существует тег  . Этот тег нужно вставлять в месте, где нужно делать перенос строки. Давайте теперь, после обработки посмотрим на результат:

preview: index.html

файл: index.html

Моя Домашняя Страничка

Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты: - Desing Laboratory (http://cray.vision.krg.kz/~Sam/dlab) - Bjork (http://bjurk.by.ru) - Prodigy (http://prodiga.by.ru) - iPoizon.com (http://iPoizon.com)

<HTML> <HEAD> <TITLE>Design LAB</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> </HEAD> <BODY BGCOLOR="BLACK" TEXT="WHITE" LINK="LIME" ALINK="LIME" VLINK="LIME"> <H1>Моя Домашняя Страничка</H1> Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты:  - Desing Laboratory (http://cray.vision.krg.kz/~Sam/dlab)  - Bjork (http://bjurk.by.ru)  - Prodigy (http://prodiga.by.ru)  - iPoizon.com (http://iPoizon.com)  </BODY> </HTML>

Существует также тег параграфа, т.е. небольшой отступ от начала строки. Это тег <dd>. Давайте попробуем заменить в списке знаки - на <dd>:

preview: index.html

файл: index.html

Моя Домашняя Страничка

Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты:

Desing Laboratory (http://cray.vision.krg.kz/~Sam/dlab)

Bjork (http://bjurk.by.ru)

Prodigy (http://prodiga.by.ru)

iPoizon.com (http://iPoizon.com)

<HTML> ... Здравствуйте. Меня зовут Выскубов Семен. Мои любимые сайты:  <dd>Desing Laboratory (http://cray.vision.krg.kz/~Sam/dlab)  <dd>Bjork (http://bjurk.by.ru)  <dd>Prodigy (http://prodiga.by.ru)  <dd>iPoizon.com (http://iPoizon.com)  ... </HTML>

Но, к сожалению, этот тег не работает в ранних версиях различных браузеров.

Разделители

Хотя простые линии очень полезны, они довольно скоро надоели создателям 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="ваше число", где ваше число - число пикселей.

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

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

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

Уроки html'а. Урок # 3.

На этом уроке мы поговорим о стилевом оформлении текста. Теперь, когда вы уже знакомы с основными построениями странички, стоит освоить способы управления внешним видом текста.

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

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

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

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