logo
[ПСП] / lab22

Структура документа html

Теперь, когда мы создали виртуальный каталог, можно приступать к созданию са­мого web-приложения. При создании web-приложений не обойтись без страниц на языке HTML. HTML (Hypertext Markup Language, язык гипертекстовой раз­метки) — это стандартный язык разметки, используемый для описания того, как текст, изображения, гиперссылки и стандартные элементы графического интер­фейса будут отображаться в web-браузере. Большинство современных сред разра­ботки web-приложений (в том числе Visual Studio.NET) позволяют создавать web-страницы, почти не обращаясь непосредственно к самому коду HTML, однако, тем не менее разработчик web-приложений должен, безусловно, знать этот язык.

Документ HTML обычно начинается с набора тегов, в которых содержится об­щая информация о документе (заголовок, метаданные файла и т. п.), за которыми следует само тело документа (то есть набор текста, изображений, таблиц, гипер­ссылок и т. п.). Теги HTML не чувствительны к регистру: для браузера будет все равно, написали ли мы <HTML>, <html> или <Html>.

Для создания документа HTML откроем интегрированную среду разработки Visual Studio.NET и в меню File (Файл) выберем New (Новый или Создать) ► File (файл) ► Page (HTML страница) и сохраним созданный файл в нашем физи­ческом каталоге как defaulthtm. При этом Visual Studio.NET автоматически доба­вит в созданный нами файл HTML следующие теги:

<HTML>

<HEAD>

<TITLE> /TITLE>

<МЕТА NAME="GENERATOR" Content = “Microsoft Visual Studio”

<META HTTP-EQUIV="Content-Type" Content = “Text/Html”>

</HEAD>

<BODY>

<!- Insert HTML here ->

</BODY> </HTML>

Открывающий тег HTML выглядит как <Х>, а закрывающий — как </Х>, хотя существует множество тегов, которые закрывать не надо. Теги <HTML> и </HTIL> по­мечают начало и конец вашего документа HTML. Тег <HEAD> выделят метаданные для всего документа. В нашем случае внутрь блока <HEAD> помещены два тега <МЕТА>, которые описывают программу, использованную для создания этого документа (Microsoft Visual Studio), и содержимое файла. Пока у нашей страницы нет назва­ния. Давайте его добавим:

<HTML>

<HEAD> <TITLE>HTML is unavoidable </TITLE>

<META NAME="GENERATOR" Content="Microsoft Visual Studio"> <META HTTP-EQUIV="Content-Type" content="text/html"> </HEAD>

<BODY>

<!- Insert HTML here ->

</BODY> </HTML>

To название, для которого мы использовали тег <TITLE>, выводится как заголовок окна браузера, в котором открыт наш документ (рис. 14.4).

Рис. 14.4. Применение тега <TITLE>

Само содержание документа HTML помещается между тегами <BODY> и </BODY>. Как правило, между этими тегами помещается множество дополнительных тегов, которые используются для представления и форматирования текстовой и графи­ческой информации.