Лабораторная работа №01_12. Структура документа html. Htmlтеги, атрибуты тегов

• Название: Структура документа html. Htmlтеги, атрибуты тегов
• Дата: 16.04.2022
• Размер: 192.5 Kb.
• Имя файла: Лабораторная работа №01_12.doc
• Тип: Лабораторная работа; #477684

ВВЕДЕНИЕ В ВЕБ-ПРОГРАММИРОВАНИЕ

Лабораторная работа №1
Тема: Структура документа HTML. HTML-теги, атрибуты тегов.
Цел урока: Создание простых HTML страниц. Структура HTML документов, теги форматирования.

Теоретические сведения

1. Теги задания структуры документа

Язык HTML (Hyper Text Markup Language) ‑ это язык разметки гипертекста. HTML является описательным языком. В состав языка входят развитые средства для создания различных уровней заголовков, шрифтовых стилей, различные списки, таблицы, иллюстраций, аудио- и видеофрагментов и др.

Основной единицей языка HTML является тег. Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами. Тег состоит из следующих друг за другом элементов:

<"имя тега" "список атрибутов">

содержание контейнера



Кроме тегов, элементами HTML являются CER (Character Entity Reference), они предназначены для представления специальных символов в документе HTML, которые могут быть неверно обработаны браузером и начинаются с амперсанда &. Также спецсимволы могут задаваться трехзначных кодов символов в виде &#nnn;.

Пример 2.3:

Числовой код	Именная замена	Символ	Описание
"	"	"	Кавычка
&	&	&	Амперсанд
<	<	<	Меньше
>	>	>	Больше
			Неразрывный пробел
¡	¡	¡	Перевернутый восклицательный знак
¢	¢	¢	Цент
£	£	£	Фунт
¤	¤	¤	Валюта
¥	¥	¥	Йена
¨	¨	¨	Умляут
©	©	©	Копирайт
«	«	«	Левая угловая кавычка
®	®	®	Зарегистрированная торговая марка
±	±	±	Плюс или минус
»	»	»	Правая угловая кавычка

Все теги НТМL по их назначению и области действия можно разделить на следующие основные группы:

1. 
   определяющие структуру документа;
   
2. 
   оформление блоков гипертекста (параграфы, списки, таблицы, картинки);
   
3. 
   гипертекстовые ссылки и закладки;
   
4. 
   формы для организации диалога;
   
5. 
   вызов программ.
   

1.2 Структура HTML-документа.

HTML-документ — это один большой контейнер, начинающийся с тега и заканчивается тегом . Также документ включает два вложенных контейнера: заголовка документа (HEAD) и тела документа (BODY). Таким образом любой документ на языке HTML имеет следующею минимальную структуру предоставления информации:







HEAD>



ТЕКСТ ДОКУМЕНТА





...

BODY>

HTML>
META содержит управляющую информацию, которую браузер использует для правильного отображения и обработки содержания тела документа.

Пример 2.5: Загрузка документаPage1.html через 1 сек:



Обновление себя каждые 3 сек:


Пример 2.6: пример задания кодировки документа на стороне клиента



charset=utf-8
Пример 2.7

Запрещение кэширования:



Запрещение хранение документа после пересылки:


Пример 2.8 Описаниедля evrosport.html



content=" Канал Eurosport: все о спорте в режиме online, новости спорта: футбол, хоккей, теннис, баскетбол, бокс; Eurosport;">


CONTENT=" спорт новости спорта канал весь спорт спортивные игры футбол бокс хоккей баскетбол все спорте eurosport евроспорт ">
LINK используется для загрузки внешних описателей стилей.


Пример 2.9 Загрузка стилей из файла style.css




STYLE – предназначен для размещения описателей стилей.

SCRIPT служит для размещения кода JavaScript, VBScript или JScript.



или