Все
стандартные браузеры для сети Интернет используют способы представления
текстов, основанные на языке HTML.
HTML (Hyper
Text Markup Language) - это язык разметки гипертекста.
Этот язык «понимают» все компьютеры, он довольно прост, но при этом имеет
достаточные выразительные средства для удобного описания разных типов
документов. Язык позволяет хранить текст в «чистом» виде (не кодируя его), что
делает возможным просмотр его с помощью обычных текстовых редакторов. Документ
HTML представляет собой обычный текстовый файл, содержащий конструкции языка
HTML, который можно создавать в обычных текстовых редакторах (программа
Блокнот, Microsoft Word), а затем сохранять созданные файлы с расширением .htm
или .html.
Команды
языка HTML задаются между специальными символами <...>, и называются
тегами (tag). Между ними находятся коды, которые распознает браузер.
Тег - это инструкция браузеру, указывающая способ отображения
текста.
Теги
позволяют управлять представлением информации на экране при отображении
HTML-документов специальными программами - браузерами.
(Например, Microsoft Internet Explorer или Netscape Navigator)
Приняв
информацию, браузер компонует элементы документа в соответствии с тем, что
задано командами HTML, и показывает результат на экране с учетом
предварительных настроек, касающихся размеров окна браузера, используемой
цветовой схемы, установленных цветов и т.д.
Теги
могут быть двух видов:
1)
одноэлементный тег: <...>; его достаточно просто вставить в текст для
того, чтобы совершить какое-либо действие;
2)
парный тег: <...>...</...>; он влияет на текст, с того места, где
употреблен, до того места, где указан признак окончания его действия. Признаком
завершения команды служит тот же самый тег, только начинающийся с символа
" / ":
Типичный
HTML - документ имеет следующую структуру:
<html>
<head>
<title>
описание заголовка </title>
</head>
<body>
Текст документа
</body>
</html>
<html>...</html> - границы HTML-программы. Любой
HTML-документ должен начинаться (и заканчиваться) тегом
<html>...</html>. Этот тег указывает на то, что данный документ
содержит в себе HTML-текст.
Веб-документ
разбивается на две логические части: заголовок и содержание.
<head>...</head> - заголовок HTML-программы.
Заголовок также называют головной частью программы, он содержит справочную
информацию о странице, которая не отображается браузером, а также название
документа.
В
блоке заголовка размещается тег <title> текст
</title>. Текст, указанный в этом теге отображается
в заголовке окна браузера.
В
HTML-документе можно разместить комментарии, которые
браузером не отображаются: <! Комментарии>.
Основное
содержание страницы помещается в тег <body>...</body>. Его также
называют телом программы. Тег <body> определяет внешний вид всей
веб-станицы, в то время как отдельные ее элементы, например заголовки, таблицы,
могут иметь свое особенное оформление. Теги языка HTML могут содержать атрибуты, которые являются параметрами или свойствами
элементов разметки документа. Правило записи атрибутов в теге следующее: <тег атрибут1=значение
атрибут2=значение>.
Назначение
атрибутов тега <body>:
bgcolor
= цвет - цвет фона страницы;
text =
цвет - цвет текста на странице;
link
= цвет - цвет текста гиперссылок;
vlink
= цвет - цвет использованных гиперссылок.
Значение
цвета в атрибутах HTML-языка может задаваться несколькими способами: названием
("red"); кодом RGB (например "#FFFFFF"); в десятичном виде
(например "255, 0, 0"); в процентах (например "30%, 40%, 30%").
Таблица 16-и стандартных цветов
Пример. Создадим html-документ с желтым цветом фона и зеленым цветом текста.
1.
Создайте
папку, в которой мы будем сохранять созданные веб-страницы.
2.
Запустите
стандартную программу Блокнот (Notepad).
3.
Наберите
в окне редактора простейший текст файла:
<html>
<head>
<title>тест</title>
</head>
<!желтый
фон, зеленый текст>
<body bgcolor=yellow text=green>
расписание
занятий
</body>
</html>
1.
Сохраните
файл под именем тест.htm.
2.
Для
просмотра созданной Web-страницы
загрузите браузер Microsoft Internet Explorer.
3.
Откройте
в меню браузера Файл (File), Открыть (Open), Просмотр(Обзор - Browse) и найдите в
папке файл тест.htm и загрузите
его. Убедитесь, что название Web-страницы
отразилось в верхней статусной строке браузера.
!
HTML не чувствителен к регистру, т.е. все равно какими буквами писать:
прописными или строчными (BODY эквивалентно body или Body).
Комментариев нет:
Отправить комментарий