Создание титульной страницы сайта - Index

Внизу страницы на панели расположены кнопки, изменяющие режим работы со страницей. Последующая работа будет проводится в режиме «Код».

3.1. В блок <HEAD> после команды

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">, задающей браузеру информацию о кодировке написания HTML- документа, вставьте название страницы Создание сайта. Наберите с клавиатуры угловую скобку < и выберите название тега ТIТLЕ из раскрывающегося списка и закройте скобку. Закрывающий тэг будет сформирован автоматически.

3.2. В части <BODY>…</BODY> наберите следующий текст:

Работа с текстом

Тэги форматирования текста

Для того, чтобы разбить текст на абзацы, используют специальные тэги, обозначающие начало и конец абзаца и создающие межабзацный промежуток.

По умолчанию абзацы выравниваются по левому краю. Требуемое выравнивание задаётся специальными параметрами.

Значение CENTER – центрирование всех строк абзаца, в том числе при наличии принудительного разрыва строки.

Значение RIGHT – выравнивание по правому краю.

Значение LEFT – выравнивание по левому краю (так же, как по умолчанию).

Значение JUSTIFY позволяет обеспечить выравнивание текста одновременно и по левому, и по правому краю, но в старых версиях браузеров воспринимается как выравнивание только по левому краю.

Просмотрите страницу в конструкторе.

3.3. Добавьте форматирование, используя функцию быстрого выбора тэгов. В начале каждого абзаца добавьте тэг <Р>, а в конце - </Р>.

Создание титульной страницы сайта - Index - student2.ru 3.4. Определите центрирование текста в абзацах в зависимости от содержания текста. В тэг <Р> второго абзаца добавьте указание центрирования по центру <Р ALIGN=CENTER>, выбирая значения из раскрывающегося списка. Аналогично определите центрирование для остальных абзацев согласно текста.

4. Заголовки и подзаголовки.Чтобы объявить выбранный абзац заголовком или подзаголовком, задав более крупный и жирный шрифт, достаточно заключить выбранный абзац в контейнер <Н*></Н*>, поставив вместо звёздочки цифру от 1 (наибольший размер) до 6 (наименьший размер).

4.1. Сделайте предложение «Работа с текстом» основным заголовком, а второй абзац – подзаголовком.

4.2. Определите расположение заголовков по центру, добавив в тэг заголовка указание <Н1 ALIGN=CENTER>.

4.3. Посмотрите результаты форматирования, перейдя в режим «Просмотр».

5. Изменение параметров шрифта: вид (гарнитура), размер символов, цвет. Управление отображением произвольного фрагмента текста (части абзаца, целого абзаца или нескольких абзацев) производится при помощи контейнера <Font > . . . </ Font >. Название шрифта задаётся параметром FACE=«название шрифта». Не все браузеры читают тексты одинаково, поэтому надёжнее задавать несколько вариантов, например <Font FACE=“Arial Cyr, Arial”>.

Создание титульной страницы сайта - Index - student2.ru Уменьшение или увеличение размера шрифта на несколько единиц определяется значением параметра SIZE: <Font SIZE=. . . >, где вместо многоточия вписывается цифра от 1 до 7 (по умолчанию 3). Размер шрифта можно задать, используя знаки «+» или «-» и указав на сколько единиц, например <Font SIZE=-2 >.

Чтобы установить желаемый цвет текста используется параметр COLOR=«цвет», значением которого является словесное обозначение цвета (red, yellow, blue и пр.) либо специальный код (OOOOFF, FFFFOO, FFOOOO и пр.)

Жирный шрифт задаётся контейнером <B>. . . </B>, а курсив контейнером <I>. . .</I>

1. Измените начертание шрифта: для заголовка используйте шрифт Verdana, курсив, синего цвета. Для подзаголовка установите шрифт Monotype Corsiva. Размер и цвет выберите сами.

2. В первом абзаце установите размер шрифта +1, Times New Roman.

3. Установите для второго абзаца: шрифт, размер +6, цвет красный.

4. Измените оформление остальных абзацев.

6. Отлиновки – это горизонтальные линии заданной длины и толщины, служащие для отделения одной части текста от другой. Для создания отлиновок служит тэг <НR>. Его параметры: ALIGN (LEFT, RIGHT, CENTER) определяет выравнивание на странице; SIZE определяет толщину линии в пикселях; WIDTH определяет ширину (длину) в пикселях или процентах от ширины страницы.

<h2 align=center>Примеры отлиновок</h2>

<hr size=2 width=80% align=center>

<p align=center><font face="Wingdings">й</font>

Простая отлиновка толщиной 2 пикселя</p>

<hr size=20 width=20% align=center>

<p align=center><font face="Wingdings">й</font>

Толстая и короткая линия</p>

<hr size=20 width=20% color=#FF0000 noshade align=center>

<p align=center><font face="Wingdings">й</font>

Толстая и короткая линия красного цвета</p>

<hr size=30 width=30 color=#000000 noshade align=center>

<p align=center><font face="Wingdings">й</font>

Чёрный квадрат 30х30 пикселей</p>

Лабораторная работа №2

Наши рекомендации