Главная страница Случайная лекция Мы поможем в написании ваших работ! Порталы: БиологияВойнаГеографияИнформатикаИскусствоИсторияКультураЛингвистикаМатематикаМедицинаОхрана трудаПолитикаПравоПсихологияРелигияТехникаФизикаФилософияЭкономика Мы поможем в написании ваших работ! |
Структура HTML-документа
Файлы 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.
Дата добавления: 2015-07-26; просмотров: 171; Нарушение авторских прав Мы поможем в написании ваших работ! |