Урок третий

Заголовки

Итак, продолжим набивать текстом нашу страницу. Поговорим о заголовках. Подобно названию страницы, заголовки должны быть краткими и полезными. Существует шесть размеров шрифта заголовков (они пронумерованы от одного до шести, причем первый номер соответствует самому крупному размеру шрифта).Чтобы воспользоваться заголовком с размером букв первого номера, нужно обозначить выделяемый текст тегами <h1> и </h1>. У него есть разновидности от <h2> </h2> до <h6> </h6>
Самый крупный заголовок <h1>, соответственно, самый мелкий <h6>. Давайте попробуем ввести заголовок в нашу страницу. Этот текст должен располагаться в части, отдельной тегами <body> и </body>.

<h1>Персональная страница Горбункова Семена Семеновича </h1>

Пишем код страницы:

Для просмотра документа в браузере, его нужно сохранить на диске.

Сохраните вашу страницу (Файл->Сохранить) и откройте вашу страницу (или нажмите обновить, если вы не закрывали страницу).

Выглядеть это будет ТАК

Набор текста

Давайте теперь набьем какой-нибудь текст в нашу страничку. Процедура набора текста в HTML-документ является самой простой. Итак, наберем:

Я хочу научиться<br>
<dd>создавать сайты
<dd>размещать их в интернете
<dd>веб дизайну
<dd> веб графике

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

Для просмотра документа в браузере, сохраняем его на диске. (Файл->Сохранить) и откройте вашу страницу (или нажмите обновить, если вы не закрывали страницу)

Это будет выглядеть ТАК

Разделители

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

Вставим теги в документ:

А теперь спокойно разберем все возможные параметры линий:

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

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

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

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

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

Для просмотра документа в браузере, сохраняем его на диске. (Файл->Сохранить) и откройте вашу страницу (или нажмите обновить, если вы не закрывали страницу).

Это будет выглядеть ТАК.

Следующий урок смотрите ЗДЕСЬ.