Упражнение 1
Откройте текстовый редактор Блокнот.
Введите следующий текст.
<HTML> <HEAD> <TITLE>Моя первая Web-страница</TITLE> </HEAD> <BODY> Привет! </BODY> </HTML>
Сохраните под именем Упражнение1.htm
Откройте браузер и данный файл.
Если все сделано правильно, то окно браузера должно выглядеть следующим образом.
Рассмотрим подробнее название и назначение тэгов.
Страница начинается с тэга <HTML> и заканчивается закрывающим тэгом </HTML>.
Содержимое страницы находится между ними и делится на две части, которые заключаются в парные тэги <HEAD> и <BODY>.
Тэг <HEAD> (от английского head — голова) содержит заголовок страницы, записанный внутри тэга <TITLE>, и, возможно, другую служебную информацию, например, ключевые слова для поисковых машин.
В рабочую область браузера выводится все, что находится внутри тэга <BODY> (от английского body — тело). Именно внутри этого блока надо размещать текст, рисунки, таблицы и т.п. Соответственно, делаем вывод: большинство ваших HTML-экспериментов будет проводиться в пространстве между тегами <BODY> и </BODY>.
Упражнение 2
Измените файл Упражнение1.htm так, чтобы в окне браузера после слова «Привет» с новой строки выводилась ваши фамилия, имя.
Цвет в языке html
Цвет в языке HTML задается двумя способами: по имени и в виде шестнадцатеричного кода.
Многие цвета имеют (английские) имена и эти названия понимают браузеры. Например,
white — белый
black — черный
red — красный
green — зеленый
blue — синий
Шестнадцатеричные коды
Другой способ задать цвет — указать его код в формате RGB. Цвет записывается в виде трех пар шестнадцатеричных цифр, перед которыми ставится символ #. Каждая пара цифр может принимать значения в интервале от 00 до FF (или от 0 до 255 в десятичной записи). Первая пара обозначает яркость красного (R — red), вторая и третья - яркости зеленого (G — green) и синего (B — blue) в этом цвете. Всего такая форма записи позволяет задать более 16 миллионов разных цветов (режим True Color — истинный цвет), однако возможно, что не все они могут быть реализованы на экране монитора. Примеры цветов в шестнадцатеричном формате:
#FFFFFF — белый
#000000 — черный
#FF0000 — красный
#00FF00 — зеленый
#0000FF — синий
Оформление текста
Свойства текста задаются в виде параметров различных тэгов. Параметры записываются в открывающем тэге внутри скобок. Ниже объясняется использование основных тэгов для оформления текста.
Тэг <BODY>
Тэг <BODY> позволяет задать общие свойства для всей Web-страницы. В параметрах открывающего тэга <BODY> можно задать цвет текста (параметр TEXT) и цвет фона (параметр BGCOLOR). Например, тэг
<BODY TEXT="#000000" BGCOLOR="yellow"> ... </BODY>
определяет черный цвет текста на желтом фоне для всей страницы.
Упражнение 3
В файле Упражнение1.htm установите синий фон. Цвет слов сделайте белым.
Тэг <FONT>
Для того, чтобы изменить цвет, размер и стиль шрифта для части текста, используют тэг <FONT>. Он имеет три основных параметра:
COLOR — цвет текста
FACE — начертание (название) шрифта
SIZE — размер шрифта (принимает целые значения от 1 до 7)
Например, тэг
<FONT COLOR="yellow" FACE="Courier" SIZE="2"> ... </FONT>
устанавливает для текста внутри области действия тэга шрифт Courier желтого цвета размера 2. А вот как выглядят все возможные размеры шрифта Arial:
size=1 size=2 size=3 size=4 size=5 size=6 size=7