Практикум. Создание и сохранение HTML-документа

Создайте Web-страницу, приведенную в пункте «Простой пример Web-страницы» данного параграфа. Для этого откройте окно редактора Блокнот и наберите код. При этом пользуйтесь приемами работы с буфером обмена, которые облегчат вам ввод текста. Так закрывающие теги проще всего получать из открывающих тегов путем копирования их из буфера и вставки дополнительного символа /. Не важно, в каком регистре, верхнем или нижнем, будут набраны теги кода. После набора и редактирования кода сохраните документ в виде файла Пример.htm (имя и расширение файла наберите в поле ввода диалога Сохранение). Загрузите полученный файл в программу браузера и вы получите отображение Web-страницы.

Основные тэги форматирования HTML-документа:

Заголовок страницы задается с помощью тегов, где размер шрифта заголовка устанавливается с помощью Н1 (самый крупный) и до Н6 (самый мелкий)

Заголовок страницы целесообразно выделить самым крупным шрифтом: <H1> заголовок страницы </H1> (например, <H1> Все о компьютере </H1>)

</H1> заголовок страницы </H6> - в данном случае заголовок будет записан самым мелким шрифтом;

Если необходимо выровнять этот заголовок по правому краю, то это записывается следующим образом: <H1 ALIGN = “RIGHT”> Все о компьютере </H1>

<ALIGN = “RIGHT”> {выравнивание текста по правому краю}

<ALIGN = “CENTER”> {выравнивание текста по центру}

<ALIGN = “LEFT”> {выравнивание текста по левому краю}

Для задания параметров форматирования используется контейнер <FONT>...</FONT>, при этом используя различные атрибуты:

Атрибут FACE позволяет задать гарнитуру шрифта;

Атрибут SIZE – размер шрифта (может принимать иметь значение в диапазоне от 1 до 7);

Атрибут COLOR – цвет шрифта (можно задавать названием цвета (например, “red”, “green”, “blue” и так далее));

Например, <FONT SIZE = “7” FACE = “Arial” COLOR = “Blue>... </FONT> (шрифт размера 7, тип шрифта – Arial, цвет - голубой);

Также можно задавать начертание текста или фрагмента текста:

<B> текст </B> - полужирный шрифт;

<I> текст </I> - начало текста курсивом;

<U> текст </U> - подчёркивание;

Комбинированное выделение осуществляется следующим образом:

<Тэг-1><Тэг-2> фрагмент текста </Тэг-2></Тэг-1>

Например, <B><U> фрагмент текста </U></B> (текст полужирный и подчеркнутый);

При создании html-документов можно задавать и цвет самого фона страницы. Эта команда может задаваться только в начале HTML файла и не может быть изменена в дальнейшем. Ее параметры: BGCOLOR - определяет цвет фона документа, TEXT - задает цвет текста для всей страницы. Цвет также задается с помощью его названия (“red”, “green”, “blue”);

Например, <BODY BGCOLOR = “blue” TEXT = “red”> - задание цвета фона и текста (фон голубого цвета, цвет шрифта - красный)

Списки:

Ненумерованный список располагается внутри контейнера <UL>…</UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: “disc” (диск),

“square” (квадрат), “circle” (окружность).

Например,(маркированный список, маркер в виде окружности)

<LI> текст </LI>

</UL>

Нумерованный список находится в контейнере <OL>...</OL>

Нумерованный список с параметрами, подразумевающийся по умолчанию:

<OL>

<LI> текст </LI>

</OL>

Список с арабскими цифрами (начинается с 1):

<LI> текст </LI>

</OL>