Структура документа 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>. Как правило, между этими тегами помещается множество дополнительных тегов, которые используются для представления и форматирования текстовой и графической информации.
- Начальное руководство по разработкеweb-приложений и asp.Net.
- Разработка web-приложений и asp.Net
- Web-приложения и web-серверы
- Что такое виртуальные каталоги?
- Структура документа html
- Форматирование текста средствами html
- Заголовки html
- Html-редактор Visual Studio.Net
- Разработка форм html
- Создаем пользовательский интерфейс
- Добавление изображений
- Клиентские скрипты
- Пример клиентского скрипта
- Реализация проверки введенных пользователем данных
- Передаем данные формы (методы geTиPost)
- Синтаксис строки запроса http
- Создание классической страницы asp
- Принимаем данные, переданные методом post
- Первое приложение asp.Net
- Некоторые проблемы классических asp
- Некоторые преимущества asp.Net
- Пространства имен asp.Net
- Наиболее важные типы пространства имен System.Web
- Приложение и сеанс подключения пользователя
- Создание простого web-приложения на с#
- Исходный файл *.Aspx
- Файл web.Config
- Исходный файл Global.Asax
- Простой код asp.Net на с#
- Архитектура web-приложения asp.Net
- Тип System.Web.Ui.Page
- Связка *.Aspx/Codebehind
- Свойство Page. Request
- Свойство Page.Response
- Свойство Page.Application
- Отладка и трассировка приложений asp.Net
- Элементы управления WebForm
- Создание элементов управления WebForm
- Иерархия классов элементов управления WebForm
- Виды элементов управления WebForm
- Базовые элементы управления WebForm
- Группа переключателей
- Текстовое поле для ввода нескольких строк с полосой прокрутки
- Элементы управления с дополнительными возможности
- Элемент управления Calendar
- Элемент управления AdRotator (баннерная рулетка)
- Элемент управления для работы с источниками данных
- Элемент управления DataGrid
- Еще немного об источниках данных
- Элементы управления для проверки вводимых пользователем данных
- Обработка событий элементов управления WebForm
- Подведение итогов
- Web-cлужбы