Информационный сайт

 

Реклама
bulletinsite.net -> Книги на сайте -> Программисту -> Троелсен Э. -> "С# и платформа .NET. Библиотека программиста" -> 281

С# и платформа .NET. Библиотека программиста - Троелсен Э.

Троелсен Э. С# и платформа .NET. Библиотека программиста — СПб.: Питер, 2004. — 796 c.
ISBN 5-318-00750-3
Скачать (прямая ссылка): cplatforma2004.pdf
Предыдущая << 1 .. 275 276 277 278 279 280 < 281 > 282 283 284 285 286 287 .. 320 >> Следующая

Г
Рис. 14.3. Созданный нами виртуальный каталог
Структура документа HTML
Теперь, когда мы создали виртуальный каталог, можно приступать к созданию самого web-приложения. При создании web-приложений не обойтись без страниц на языке HTML. HTML (Hypertext Markup Language, язык гипертекстовой разметки) - это стандартный язык разметки, используемый для описания того, как текст, изображения, гиперссылки и стандартные элементы графического интерфейса будут отображаться в web-браузере. Большинство современных сред разработки web-приложений (в том числе Visual Studio.NET) позволяют создавать web-страницы, почти не обращаясь непосредственно к самому коду HTML, однако тем не менее разработчик web-приложений должен, безусловно, знать этот язык.
Документ HTML обычно начинается с набора тегов, в которых содержится общая информация о документе (заголовок, метаданные файла и г. п.), за которыми следует само тело .документа (то есть набор текста, изображений, таблиц, гиперссылок и т. п.). Теги HTML не чувствительны к регистру: для браузера будет все равно, написали ли мы <HTML>, <html> или <HtmI>.
Давайте приступим к созданию документа HTML. Откроем интегрированную среду разработки Visual Studio.NET и в меню File (Файл) выберем Miscellaneous Files (Разные файлы) > New FiLe (Новый файл) и сохраним созданный файл в нашем физическом каталоге как defauLt.htm. При этом Visual Studio.NET автоматически добавит в созданный нами файл HTML следующие теги:
<HTML>
<HEAD>
<TITtE=></TITLE>
<МЕТА MAME="GENE3AT0R" Content="Microsoft Visual Studio"> <META HTTP-EQUIV="Content-Type" content="text/html"> </HEAD> <BODY>
<!- Insert HTML nere •>
</BODY> </HTMti
Структура документа HTML 695
Открывающий тег HTML выглядит как <Х>, а закрывающий - как </Х>, хотя существует множество тегов, которые закрывать не надо. Геги . ' и </HTML> помечают начало и конец вашего документа HTML. Тег <h?AC> выделят метаданные для всего документа. В нашем случае внутрь блока <HEAD> помещены два тег'?. <Нс"Р\>, которые описывают программу, использованную для создания этого документа (Microsoft Visual Studio), и содержимое файла. Пока у нашей страницы нет названия. Давайте его добавим:
<нтм1>
<НЕА0>
<TITLE>HTML is unavoidable</TITLE>
<META NAME="GENERATOR" Content="nicrosoft Visual Studio"> <meta HTTP-EQUIV="Content-Type" content="text/htPil "> </HEAD> <B0DY>
Insert HTML nere ->
</B0DY> </HTML>
To название, для которого мы использовали тег <TITLE>, выводится как заголовок окна браузера, в котором открыт наш документ (рис. 14.4).
^HTML is unavoidable - Microsoft internet
ШЛЯ? .Jd JSl
J FJe Edit Vkw fayorit« loot tjelp j 4- Back - ¦* - © [ї| r2 і ©search [ijfavorltej j Address 1? d:\pKurrieiit5 and s«tings\atroeb8n\de*10piCSrKTJ ;->Gu-
Зі
[S] Done
I I My Computer
Рис. 14.4. Применение тега <T]TLE>
Само содержание документа HTML помещается между тегами <BODY> и •¦/BUDY ¦. Как правило, между этими тегами помещается множество дополнительных сг.: в. которые используются для представления и форматирования текстовой и графической информации. Все теги HTML мы, конечно, рассматривать не будем, но самые необходимые встретятся нам в этой главе не один раз.
Форматирование текста средствами HTML
Исходное назначение HTML заключалось в представлении текстовой информации. Как мы уже говорили, текст документа в HTML обычно помещается между тегами <6СС'>'> и </600Y>. Например, предположив, что мы создаем страницу аутен • тификации пользователей. Текст HTML на ней может выглядеть следующим образом (обратите также внимание на синтаксис комментариев HTML):
<BODY>
<!- Приглашение пользователю к аутентификации ->
The Car-S Login Page
</B0DY>
696 Глава 14 * Разработка web-приложений и ASRNtTr
В этом примере к нашему тексту не были применены какие-либо теги. Встречаясь с таким текстом, web-браузер выводит его в своем окне так, как он был записан,. Если мы изменим текст документа следующим образом:
<B0DY>
<!-Приглашение пользователю к аутентификации -> The Cars Login Page
Please enter your user name and password.
</BODY>
то браузер и не подумает добавить ожидаемый переход на новую строку (рис. 14.5).
?1 HTMLtч unavoidable - МкпдаЛ Jnteract Explorer
Flo ?сй Урк Favorites Tools Hsjp
4-,Bedi - ^ • © !?] гД ^Seardi [її Favorite* 0НЫогу |. 1 ] Address j#j D: !,Documents and
The Cars Login Page Please enter your user name and password
(BJ Очле
zi
Mv Computer
ІРис. 14.5. Для текстовой информации без тегов символы начала новых строк учитываться не будут
Чтобы начать новый абзац, необходимо выделить текст в зтом абзаце при помощи тегов <Р> и </Р>, например, так:
<BODY>
<!- Приглашение пользователю к аутентификации -> The Cars Login Page
<P>Please enter your user name and password.</P>
</BOOY>
Теперь в окне браузера все выглядит по-другому (рис. 14.6).
Зі HTML is unavoidable - чмro<.r>f> !utrn.,-. імціогрг
| BIe Edit Vjew Fuvontss Tools fctelp
^ Bad;
ШЩ ¦u ^Sewch 1*1 Favorit« фНЛагу »
Предыдущая << 1 .. 275 276 277 278 279 280 < 281 > 282 283 284 285 286 287 .. 320 >> Следующая
Реклама
Авторские права © 2009 AdsNet. Все права защищены.
Rambler's Top100