Средства разработки Web-узлов

Средства разработки Средства разработки Web-узлов Web-узлов

Базовый инструментарий под Базовый инструментарий под управлением управлением Windows 2K/XP:Windows 2K/XP:• Среда разработчика документов HTML Среда разработчика документов HTML

— так называемый WYSIWYG-peдактор. — так называемый WYSIWYG-peдактор. Возможно использовать обычные Возможно использовать обычные текстовые редакторы, имеющие текстовые редакторы, имеющие дополнительные возможности, дополнительные возможности, например, например, JviewJview или встроенный или встроенный редактор файлового менеджера редактор файлового менеджера FARFAR с с плагином плагином ColorerColorer, подсвечивающем , подсвечивающем комментарии, теги и программные комментарии, теги и программные конструкции конструкции

Средства разработки Средства разработки Web-узлов Web-узлов

• Редактор векторной графики (CorelDraw). Редактор векторной графики (CorelDraw). • Редактор растровой графики (Adobe Редактор растровой графики (Adobe

Photoshop.) Photoshop.) • БраузерБраузер Microsoft Internet Explorer Microsoft Internet Explorer версииверсии

88.0 .0 илиили 77.0. .0. • Браузер Браузер OperaOpera версии 7 или выше. версии 7 или выше. • Перекодировщик кириллицы, например Перекодировщик кириллицы, например

программы ConvHTML и SNKDECode. программы ConvHTML и SNKDECode. (Есть и во встроенном редакторе (Есть и во встроенном редакторе FARFAR).).

• FTP-клиент, например программа CuteFTP. FTP-клиент, например программа CuteFTP. (Есть и во встроенном редакторе (Есть и во встроенном редакторе FARFAR).).

Средства разработки Средства разработки Web-узлов Web-узлов

Дополнительный инструментарийДополнительный инструментарий:: Оптимизатор HTML, например Оптимизатор HTML, например

UtilMind HTML Compressor версии UtilMind HTML Compressor версии 1.5или выше. 1.5или выше.

Оптимизатор растровых изображений Оптимизатор растровых изображений GIF, например программа Gif-Clean 32. GIF, например программа Gif-Clean 32.

Оптимизатор растровых изображений Оптимизатор растровых изображений JPEG, например программа JPEG, например программа JPEGCleaner версии 2.1 или выше. JPEGCleaner версии 2.1 или выше.

Редактор GIF-анимации, например Редактор GIF-анимации, например программа Ulead GifAnimator. программа Ulead GifAnimator.

Фрагментатор графики, например Фрагментатор графики, например программа PictureDiser. программа PictureDiser.

Языки гипертекстовой Языки гипертекстовой разметкиразметки

Наибольшее распространение получили Наибольшее распространение получили HTMLHTML - - HyperText Markup LanguageHyperText Markup Language и и XMLXML - - eXtended Markup LanguageeXtended Markup Language. Все . Все они являются именно языками разметки, то они являются именно языками разметки, то есть содержат набор инструкций, есть содержат набор инструкций, описывающих как программа-браузер будет описывающих как программа-браузер будет отображать окруженный ими текст. отображать окруженный ими текст.

Первый характерен фиксированным Первый характерен фиксированным набором специальных инструкций - тегов, набором специальных инструкций - тегов, состав и количество которых, а также их состав и количество которых, а также их атрибутов, зависит от версии языка. В атрибутов, зависит от версии языка. В настоящий момент наиболее широко настоящий момент наиболее широко применяется версия 4.применяется версия 4.

Языки гипертекстовой Языки гипертекстовой разметкиразметки

В отличие от HTML, язык XML достаточно гибок В отличие от HTML, язык XML достаточно гибок для того, чтобы объявить любой дескриптор для того, чтобы объявить любой дескриптор (например, <title>) несколькими различными (например, <title>) несколькими различными способами, в зависимости от определяемого Web-способами, в зависимости от определяемого Web-разработчиком типа документа разработчиком типа документа (DTD —Document (DTD —Document Type Definition).Type Definition).

Document Type Definition (DTD)Document Type Definition (DTD) — — файл, в файл, в которым определен набор дескрипторов, которым определен набор дескрипторов, используемых в некотором документе. используемых в некотором документе.

В основу XML положена идея предварительного В основу XML положена идея предварительного программирования, что позволяет Web-программирования, что позволяет Web-разработчику создавать собственные дескрипторы разработчику создавать собственные дескрипторы и атрибуты. Для определения формата каждого и атрибуты. Для определения формата каждого дескриптора (цвет, шрифт и начертание шрифта) дескриптора (цвет, шрифт и начертание шрифта) и в HTML, и в XML используются каскадные и в HTML, и в XML используются каскадные таблицы стилей. таблицы стилей.

HTMLHTML версии 3.2 версии 3.2 Основные положения.Основные положения. Все тэги HTML начинаются с "<" (левой угловой Все тэги HTML начинаются с "<" (левой угловой

скобки) и заканчиваются символом ">" (правой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, приведем тэги заголовка, определяющие текст, находящийся внутри стартового и находящийся внутри стартового и завершающего тэга и описывающий заголовок завершающего тэга и описывающий заголовок документа:документа:

<TITLE> Заголовок документа </TITLE><TITLE> Заголовок документа </TITLE> Завершающий тэг выглядит также, как Завершающий тэг выглядит также, как

стартовый, и отличается от него прямым стартовый, и отличается от него прямым слэшем перед текстом внутри угловых скобок. В слэшем перед текстом внутри угловых скобок. В данном примере тэг <TITLE> говорит WEB-данном примере тэг <TITLE> говорит WEB-браузеру об использовании формата заголовка, браузеру об использовании формата заголовка, а тэг </TITLE> - о завершении текста заголовка. а тэг </TITLE> - о завершении текста заголовка.

HTMLHTML версии 3.2 версии 3.2 Некоторые тэги, такие, как Некоторые тэги, такие, как <P><P> (тэг, (тэг,

определяющий абзац), не требуют завершающего определяющий абзац), не требуют завершающего тэга, но его использование придает исходному тэга, но его использование придает исходному тексту документа улучшенную читаемость и тексту документа улучшенную читаемость и структурируемость.структурируемость.

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

<title> Заголовок документа </title><title> Заголовок документа </title> Внимание!Внимание! Дополнительные пробелы, символы Дополнительные пробелы, символы

табуляции и возврата каретки, добавленные в табуляции и возврата каретки, добавленные в исходный текст HTML-документа для его лучшей исходный текст HTML-документа для его лучшей читаемости, будут проигнорированы WEB-читаемости, будут проигнорированы WEB-браузером при интерпретации документа. HTML-браузером при интерпретации документа. HTML-документ может включать вышеописанные документ может включать вышеописанные элементы только если они помещены внутрь тэгов элементы только если они помещены внутрь тэгов <PRE> и </PRE>. <PRE> и </PRE>.

Структура документаСтруктура документа HTML-тэги могут быть условно разделены HTML-тэги могут быть условно разделены

на две категории: тэги заголовка и тэги на две категории: тэги заголовка и тэги тела документа. К тэгам заголовка тела документа. К тэгам заголовка относятся следующие тэги: относятся следующие тэги:

Тип документа:Тип документа: <HTML></HTML> <HTML></HTML> (начало и конец файла);(начало и конец файла);

Заголовок:Заголовок: <HEAD></HEAD> <HEAD></HEAD> (описание документа, например его (описание документа, например его имя);имя);

Имя документа:Имя документа: <TITLE></TITLE> <TITLE></TITLE> (должно быть в заголовке);(должно быть в заголовке);

Тело:Тело: <BODY></BODY> (содержимое <BODY></BODY> (содержимое страницы).страницы).

Структура документаСтруктура документа Когда WEB-браузер получает документ, Когда WEB-браузер получает документ,

он определяет, как документ должен он определяет, как документ должен быть интерпретирован. Самый первый быть интерпретирован. Самый первый тэг, который встречается в документе, тэг, который встречается в документе, должен быть тэгом <HTML>. Данный должен быть тэгом <HTML>. Данный тэг сообщает WEB-браузеру, что ваш тэг сообщает WEB-браузеру, что ваш документ написан с использованием документ написан с использованием HTML. Минимальный HTML-документ HTML. Минимальный HTML-документ будет выглядеть так:будет выглядеть так:

<HTML> ...тело документа... <HTML> ...тело документа... </HTML></HTML>

Структура документаСтруктура документа Нормальная структура документа:Нормальная структура документа: <HTML> <HTML> <HEAD> <HEAD> <TITLE> Список сотрудников <TITLE> Список сотрудников

</TITLE> </TITLE> ...... </HEAD> </HEAD> <BODY><BODY> ...... </BODY></BODY> </HTML></HTML>

Теги заголовкаТеги заголовка Внимание!Внимание! Технически, стартовые и завершающие Технически, стартовые и завершающие

тэги типа тэги типа <HTML>, <HEAD> и <BODY><HTML>, <HEAD> и <BODY> необязательны. Но настоятельно рекомендуется необязательны. Но настоятельно рекомендуется их использовать, поскольку использование данных их использовать, поскольку использование данных тэгов позволяет WEB-браузеру уверенно разделить тэгов позволяет WEB-браузеру уверенно разделить заголовочную часть документа и непосредственно заголовочную часть документа и непосредственно смысловую часть.смысловую часть.

Большинство WEB-браузеров отображают Большинство WEB-браузеров отображают содержимое тэга содержимое тэга <TITLE><TITLE> в заголовке окна, в заголовке окна, содержащего документ и в файле закладок, если содержащего документ и в файле закладок, если он поддерживается WEB-браузером. Заголовок, он поддерживается WEB-браузером. Заголовок, ограниченный тэгами ограниченный тэгами <TITLE><TITLE> и и </TITLE></TITLE>, , размещается внутри <HEAD>-тэгов, как показано размещается внутри <HEAD>-тэгов, как показано выше. Заголовок документа НЕ появляется при выше. Заголовок документа НЕ появляется при отображении самого документа в окне. отображении самого документа в окне.

Теги заголовкаТеги заголовка Главная задача для автора гипертекстового Главная задача для автора гипертекстового

документа, если он хочет донести свое послание документа, если он хочет донести свое послание до читающей публики - "отметиться" наиболее до читающей публики - "отметиться" наиболее удачным способом во всех каталогах, куда удачным способом во всех каталогах, куда захаживает потенциальный читатель в поисках захаживает потенциальный читатель в поисках информации по интересующей его теме. Для информации по интересующей его теме. Для этой цели в набор команд языка HTML включена этой цели в набор команд языка HTML включена специальная группа инструкций META, специальная группа инструкций META, предназначенных в основном для описания и предназначенных в основном для описания и индексирования документа поисковыми индексирования документа поисковыми машинами. машинами.

Команды Команды METAMETA вносятся в "шапку" вносятся в "шапку" гипертекстового документа - внутри блока гипертекстового документа - внутри блока <HEAD>...</HEAD>. Наибольшее практическое <HEAD>...</HEAD>. Наибольшее практическое значение имеют два типа META - значение имеют два типа META - descriptiondescription (описание) и (описание) и keywordskeywords (ключевые слова). (ключевые слова).

Теги заголовкаТеги заголовка Синтаксис этих команд прост и Синтаксис этих команд прост и

стандартен. стандартен. <META NAME="description" <META NAME="description"

CONTENT="Эта страница посвящена CONTENT="Эта страница посвящена проблемам индексирования проблемам индексирования гипертекстовых документов WWW с гипертекстовых документов WWW с помощью инструкций МЕТА".> помощью инструкций МЕТА".>

<META NAME="keywords" <META NAME="keywords" CONTENT="META, HTML, WWW, Web, CONTENT="META, HTML, WWW, Web, паутина, поиск, определение, паутина, поиск, определение, рекомендации, примеры рекомендации, примеры использования, учебник, использования, учебник, руководство, информация, справка "> руководство, информация, справка ">

Теги заголовкаТеги заголовка Программы-роботы, индексирующие Программы-роботы, индексирующие

документы HTML, пользуются описанием, документы HTML, пользуются описанием, которые они находят в инструкции которые они находят в инструкции "description", при выводе информации о "description", при выводе информации о вашей странице в результатах поиска. Если вашей странице в результатах поиска. Если этой инструкции в документе не окажется, то этой инструкции в документе не окажется, то поисковая машина вернет информацию о поисковая машина вернет информацию о вашем сайте в виде 256 или 512 первых вашем сайте в виде 256 или 512 первых символов найденной страницы за вычетом символов найденной страницы за вычетом команд HTML. Возможность контролировать, команд HTML. Возможность контролировать, какую информацию о вашей странице какую информацию о вашей странице получит пользователь, нашедший ее по получит пользователь, нашедший ее по ключевому слову в поисковой машине, ключевому слову в поисковой машине, позволяет вам повысить свои шансы на позволяет вам повысить свои шансы на привлечение посетителей. привлечение посетителей.

Теги заголовкаТеги заголовка Поскольку инструкции МЕТА находятся в Поскольку инструкции МЕТА находятся в

"шапке" документа, они могут "шапке" документа, они могут использоваться при настройке параметров использоваться при настройке параметров программы-браузера для оптимального программы-браузера для оптимального показа данного документа пользователю. В показа данного документа пользователю. В частности, МЕТА может содержать частности, МЕТА может содержать информацию о кодировке документа: информацию о кодировке документа:

<META HTTP-EQUIV="Content-type" <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=KOI8-R"> CONTENT="text/html; charset=KOI8-R">

Эта инструкция означает, что документ Эта инструкция означает, что документ написан на русском языке, в кодировке написан на русском языке, в кодировке КОИ8. Браузеры используют эту КОИ8. Браузеры используют эту информацию для автоматического информацию для автоматического переключения доступных кодировок. переключения доступных кодировок.

Теги заголовкаТеги заголовка МЕТА может использоваться для создания МЕТА может использоваться для создания

документов, содержимое которых освежается документов, содержимое которых освежается через заданный промежуток времени (в через заданный промежуток времени (в секундах): секундах):

<META HTTP-EQUIV="Refresh" <META HTTP-EQUIV="Refresh" CONTENT="12; CONTENT="12; URL=http://www.zhurnal.ru/"> URL=http://www.zhurnal.ru/">

Включение этой инструкции в "шапку" приведет Включение этой инструкции в "шапку" приведет к тому, что через 12 секунд после загрузки к тому, что через 12 секунд после загрузки текущего документа браузер вызовет страницу, текущего документа браузер вызовет страницу, адрес которой указан как значение URL. Если адрес которой указан как значение URL. Если значением URL является не документ HTML, а, значением URL является не документ HTML, а, скажем, звуковой файл, то он будет исполнен в скажем, звуковой файл, то он будет исполнен в указанный срок. Эта техника носит название указанный срок. Эта техника носит название Client Pull.Client Pull.

Теги заголовкаТеги заголовка Как любой язык, HTML позволяет Как любой язык, HTML позволяет

вставлять в тело документа вставлять в тело документа комментарии, которые сохраняются при комментарии, которые сохраняются при передаче документа по сети, но не передаче документа по сети, но не отображаются браузером. Синтаксис отображаются браузером. Синтаксис комментария:комментария:

<!-- Это комментарий --><!-- Это комментарий --> Комментарии могут встречаться в Комментарии могут встречаться в

документе где угодно и в любом документе где угодно и в любом количестве. количестве.

Тело документа Тело документа Тэг Тэг <<BODYBODY>> позволяет не только указать позволяет не только указать

начало тела документа, но и дать его начало тела документа, но и дать его основные характеристики:основные характеристики:

Фоновая картинка Фоновая картинка <BODY BACKGROUND="URL"> <BODY BACKGROUND="URL"> Цвет фона (порядок: красный/зеленый/синий Цвет фона (порядок: красный/зеленый/синий

в шестнадцатиричном счислении)в шестнадцатиричном счислении) <BODY BGCOLOR="#$$$$$$"><BODY BGCOLOR="#$$$$$$"> ЦветЦвет текстатекста <BODY TEXT="#$$$$$$"><BODY TEXT="#$$$$$$"> Цвет ссылки Цвет ссылки <BODY LINK="#$$$$$$"><BODY LINK="#$$$$$$">

Тело документа Тело документа Посещенная ссылка Посещенная ссылка <BODY VLINK="#$$$$$$"><BODY VLINK="#$$$$$$"> АктивизируемаяАктивизируемая ссылкассылка <BODY ALINK="#$$$$$$"> <BODY ALINK="#$$$$$$"> Для указания стандартных цветов Для указания стандартных цветов

допускается использовать их названия: допускается использовать их названия: RED, GREEN, BLUE и другие.RED, GREEN, BLUE и другие.

Для создания произвольных цветов Для создания произвольных цветов смешивайте базовые:смешивайте базовые:

<BODY ALINK="#<BODY ALINK="#00880088ff">ff">

ГиперссылкиГиперссылки Тэги тела документа идентифицируют Тэги тела документа идентифицируют

отображаемые в окне компоненты HTML-отображаемые в окне компоненты HTML-документа. Тело документа может содержать документа. Тело документа может содержать ссылки на другие гипертекстовые документы ссылки на другие гипертекстовые документы (гиперссылки) и фрагменты внутри документа.(гиперссылки) и фрагменты внутри документа.

Тело документа должно находиться между тэгами Тело документа должно находиться между тэгами <BODY> и </BODY>. Это та часть документа, <BODY> и </BODY>. Это та часть документа, которая отображается как текстовая и графическая которая отображается как текстовая и графическая (смысловая) информация вашего документа.(смысловая) информация вашего документа.

HTML использует URL (Uniform Resource Locator) HTML использует URL (Uniform Resource Locator) для представления гипертекстовых ссылок и ссылок для представления гипертекстовых ссылок и ссылок на сетевые сервисы внутри HTML-документа. Для на сетевые сервисы внутри HTML-документа. Для того, чтобы браузер отобразил ссылку на URL, того, чтобы браузер отобразил ссылку на URL, необходимо отчетить URL специальными тэгами в необходимо отчетить URL специальными тэгами в HTML-документе. Синтаксис HTML, позволяющий HTML-документе. Синтаксис HTML, позволяющий это сделать - следующий:это сделать - следующий:

ГиперссылкиГиперссылки <A HREF="URL"> текст-который-будет-<A HREF="URL"> текст-который-будет-

подсвечен-как-ссылка </A>подсвечен-как-ссылка </A> Тэг <A HREF="URL"> открывает описание ссылки, а Тэг <A HREF="URL"> открывает описание ссылки, а

тэг </A> - закрывает его. Любой текст, находящийся тэг </A> - закрывает его. Любой текст, находящийся между данными двумя тэгами подсвечивается между данными двумя тэгами подсвечивается специальным образом Web-браузером. Обычно этот специальным образом Web-браузером. Обычно этот текст отображается подчеркнутым и выделенным текст отображается подчеркнутым и выделенным синим (или другим) цветом. Текст, обозначающий синим (или другим) цветом. Текст, обозначающий URL, не отображается браузером, а используется URL, не отображается браузером, а используется только для выполнения предписанных им действий только для выполнения предписанных им действий при активизации ссылки (обычно при щелчке мыши при активизации ссылки (обычно при щелчке мыши на подсвеченном или подчеркнутом тексте). Вот на подсвеченном или подчеркнутом тексте). Вот пример сегмента HTML-документа:пример сегмента HTML-документа:

Для получения дополнительной информации Для получения дополнительной информации смотри <A HREF= смотри <A HREF= "http://www.softexpress.com/index.html> страницу "http://www.softexpress.com/index.html> страницу компании СофтСервис</A>компании СофтСервис</A>

ГиперссылкиГиперссылки Вы можете делать ссылки на различные Вы можете делать ссылки на различные

участки или разделы одного и того же участки или разделы одного и того же документа, используя специальный документа, используя специальный скрытый анкер для этих разделов. Это скрытый анкер для этих разделов. Это позволяет быстро переходить от раздела к позволяет быстро переходить от раздела к разделу внутри документа, не используя разделу внутри документа, не используя прокрутку экрана. При щелчке на ссылке прокрутку экрана. При щелчке на ссылке браузер переместит вас на указанный браузер переместит вас на указанный раздел документа, а строка, в которой раздел документа, а строка, в которой стоит анкер данного раздела (обычно, стоит анкер данного раздела (обычно, первая строка раздела или заголовок первая строка раздела или заголовок раздела) будет размещена на первой раздела) будет размещена на первой строке окна браузера (если данная строка строке окна браузера (если данная строка не присутствует уже на экране браузера).не присутствует уже на экране браузера).

ГиперссылкиГиперссылки Для создания такой ссылки необходимо Для создания такой ссылки необходимо

выполнить следующие шаги:выполнить следующие шаги: 1. Создайте 1. Создайте анкеранкер раздела. Синтаксис данного раздела. Синтаксис данного

анкера следующий:анкера следующий: <A NAME="anchor"> Текст-который-<A NAME="anchor"> Текст-который-

отобразится-в-первой-строке-броузера </A>отобразится-в-первой-строке-броузера </A> 2. Создайте ссылку на данный анкер:2. Создайте ссылку на данный анкер: <A HREF="#anchor"> <A HREF="#anchor"> ТекстТекст </A> </A> Например:Например: <p><b>Список разделов</b></p> <p><b>Список разделов</b></p> <ul> <li><a href="#ex1"><ul> <li><a href="#ex1">РазделРаздел 1</a></li> 1</a></li> <li><a href="#ex2"><li><a href="#ex2">РазделРаздел 2</a></li> 2</a></li> </ul> <p></ul> <p>

ГиперссылкиГиперссылки <a name="ex1"></a><a name="ex1"></a>РазделРаздел 1 1 <ul> Текст раздела 1</ul> <ul> Текст раздела 1</ul> <a name="ex2"></a>Раздел 2<a name="ex2"></a>Раздел 2 <ul>Текст раздела 2 <br><ul>Текст раздела 2 <br> Вид на экране:Вид на экране: Список разделовСписок разделов Раздел 1 Раздел 1 Раздел 2Раздел 2 Раздел 1Раздел 1 Текст раздела 1Текст раздела 1 Раздел 2Раздел 2 Текст раздела 2Текст раздела 2

ГиперссылкиГиперссылки Внимание!Внимание! Анкер раздела может быть поставлен Анкер раздела может быть поставлен

как в том же документе, который как в том же документе, который просматривается в текущий момент, так и в просматривается в текущий момент, так и в другом документе. Во втором случае браузер другом документе. Во втором случае браузер осуществит загрузку другого документа и осуществит загрузку другого документа и перейдет к указанному для него разделу.перейдет к указанному для него разделу.

В качестве протокола в URL можно указывать не В качестве протокола в URL можно указывать не только только http://,http://, но и но и ftp://ftp:// - для перехода к файлу - для перехода к файлу (каталогу) на FTP-сервере, например, для (каталогу) на FTP-сервере, например, для просмотра изображения или выгрузки (upload) просмотра изображения или выгрузки (upload) файла на компьютер посетителя Web-страницы. файла на компьютер посетителя Web-страницы. Пример:Пример:

<A HREF= <A HREF= "ftp://sunsite.nstu.nsk.su/pub/multimedia/pictu"ftp://sunsite.nstu.nsk.su/pub/multimedia/pictures/Novosibirsk/2.jpg"> Необычный вид на res/Novosibirsk/2.jpg"> Необычный вид на центр города (96 k) </A>центр города (96 k) </A>

ГиперссылкиГиперссылки Протокол Протокол news:news: служит для вызова службы новостей, служит для вызова службы новостей,

если броузер ее поддерживает. Например:если броузер ее поддерживает. Например: <A HREF=“news:relcom.www.support”>Поддержка <A HREF=“news:relcom.www.support”>Поддержка

WWW</A>WWW</A> Существует протокол Существует протокол mailto:mailto:, который активизирует , который активизирует

почтовую сессию с указанным пользователем. Ссылка: почтовую сессию с указанным пользователем. Ссылка: <A HREF=“mailto:gun@<A HREF=“mailto:[email protected]? .cs.nstu.ru?

Subject=Письмо с Web-page”> Пишите письма! Subject=Письмо с Web-page”> Пишите письма! </A></A>

активизирует сессию посылки сообщения активизирует сессию посылки сообщения пользователю gun на хосте пользователю gun на хосте aitait.cs.nstu.ru с темой .cs.nstu.ru с темой письма (Subject) “Письмо с Web-page”, если браузер письма (Subject) “Письмо с Web-page”, если браузер поддерживает запуск электронной почты. Заметьте, поддерживает запуск электронной почты. Заметьте, что метод mailto: не требует указание слэшей после что метод mailto: не требует указание слэшей после двоеточия (как правило, после двоеточия сразу идет двоеточия (как правило, после двоеточия сразу идет электронный адрес абонента).электронный адрес абонента).

Заголовки разделов Заголовки разделов документовдокументов

HTML имеет шесть уровней заголовков, с HTML имеет шесть уровней заголовков, с номерами от 1 до 6 (заголовок первого уровня номерами от 1 до 6 (заголовок первого уровня является заголовком высшего уровня). По является заголовком высшего уровня). По сравнению с нормальным текстом, заголовки сравнению с нормальным текстом, заголовки выделяются шрифтом - размером и толщиной выделяются шрифтом - размером и толщиной букв. Первый заголовок в каждом документе букв. Первый заголовок в каждом документе должен быть выделен <H1>. Синтаксис должен быть выделен <H1>. Синтаксис заголовков: заголовков:

<H?> Текст заголовка</H?><H?> Текст заголовка</H?> где ? - число от 1 до 6, определяющее уровень где ? - число от 1 до 6, определяющее уровень

заголовка. заголовка. Заголовок может быть с выравниванием Заголовок может быть с выравниванием <H? <H? ALIGN=LEFT|CENTER|RIGHT></H?>ALIGN=LEFT|CENTER|RIGHT></H?>

СекцияСекция

СекцияСекция служит для определения служит для определения положения фрагмента текста, положения фрагмента текста, заключенного между тэгамизаключенного между тэгами

<DIV></DIV> <DIV></DIV> Возможные варианты Возможные варианты

выравнивания:выравнивания: <DIV ALIGN=LEFT|RIGHT|<DIV ALIGN=LEFT|RIGHT|

CENTER|CENTER| JUSTIFY></DIV>JUSTIFY></DIV>

АбзацыАбзацы В отличие от документов в большинстве В отличие от документов в большинстве

текстовых процессоров, прерывания текстовых процессоров, прерывания строк и слов в HTML-файлах не строк и слов в HTML-файлах не существенны. Обрыв слова или строки существенны. Обрыв слова или строки может происходить в любом пункте в может происходить в любом пункте в вашем исходном файле, при просмотре вашем исходном файле, при просмотре это прерывание будет проигнорировано. это прерывание будет проигнорировано. Например: Например:

<H2>Параграф 1.</H2> Добро <H2>Параграф 1.</H2> Добро пожаловать в HTML! пожаловать в HTML!

Здесь мы расскажем, как надо и как Здесь мы расскажем, как надо и как не надо писать гипертексты.<P> не надо писать гипертексты.<P>

АбзацыАбзацы В исходном файле заголовок и два В исходном файле заголовок и два

предложения находятся на двух разных предложения находятся на двух разных строках. Web-браузер игнорирует это строках. Web-браузер игнорирует это прерывание строки и начинает новый прерывание строки и начинает новый абзац только после знака абзац только после знака <P><P>. Однако, . Однако, чтобы сохранить удобочитаемость в чтобы сохранить удобочитаемость в исходных HTML-файлах, рекомендуется исходных HTML-файлах, рекомендуется заголовки размещать на отдельных заголовки размещать на отдельных строках, а абзацы отделять пустыми строках, а абзацы отделять пустыми строками (в дополнение к <P>). строками (в дополнение к <P>).

В абзацах допустимо выравнивание В абзацах допустимо выравнивание <P ALIGN=LEFT|CENTER|RIGHT|<P ALIGN=LEFT|CENTER|RIGHT|

JUSTIFYJUSTIFY> </P>.> </P>.