Файлы HTML – текстовые, имеют расширение *.htm или *.html.
Кроме обычного текста HTML-файл содержит лишь один тип управляющих конструкций, называемых тегами (tags). Иногда тег называют дескриптором.
Все теги, для того, чтобы отделить их от содержимого страницы, заключены в угловые скобки < >. Обычно теги парные: начальный и конечный теги. Конечный тег выглядит так же, как и начальный, но со слешем </>. Парный тег называют еще контейнерный, Некоторые теги не имеют обязательного парного тега, такой тег также называют непарный или одиночный.
Весь HTML-документ заключен между парным тегом <html> и </html>. Это обязательный тег.
Между тегами <head> и </head> содержится заголовочная часть. В нее входит конструкция <title> и </title>. Это название при загрузке документа появляется в строке заголовка броузера. Заголовок должен быть лаконичным, информативным и занимать одну строку. Заголовок документа – необязательный элемент, но мы рекомендуем всегда включать его в документ, т.к. элемент <title> используется поисковыми машинами при индексации WEB-страниц.
В элементе <head> также могут содержаться и другие теги, которые обеспечивают связи между различными документами и метод пересылки специальных сообщений определенному броузеру или другой программе.
Все тело страницы с графикой, текстом и гиперссылками на другие ресурсы Internet (т.е. содержательная часть) находится между тегами <body> и </body>.
Таким образом, структура HTML-документа выглядит следующим образом:
Запись <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> означает кодировку кириллицы.
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
<title>Название документа</title>
</head>
<body>
Содержимое страницы
</body>
</html>
При написании кода следует соблюдать ступенчатую структуру, т.е., если в тег А вкладывается тег В, то тег В обычно начинается с новой строки и отодвигается от края документа на определенное расстояние, обычно клавишей Tab. В таком виде код сайта легче читается и позволяет свободней ориентироваться в коде.
Задание 1
1. На диске D в папке Рабочая создайте папку под именем WEB_Ваша фамилия.
2. Создайте в ней папку Lab_1.
3. Откройте программу Блокнот командой Пуск→ Программы→ Стандартные → Блокнот.
4. Наберите текст, изображенный в листинге 1.
5. Сохраните документ в папке Lab_1 под именем fist.html
6. Закройте Блокнот.
7. Используя программу Проводник, зайдите в свою папку и запустите файл fist.html двойным щелчком. В окне броузера Internet Explorer WEB-страница должна иметь вид, как показано на рис. 1.