Создание титульной страницы сайта - 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. Добавьте форматирование, используя функцию быстрого выбора тэгов. В начале каждого абзаца добавьте тэг <Р>, а в конце - </Р>.
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”>.
Уменьшение или увеличение размера шрифта на несколько единиц определяется значением параметра 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