Основные тенденции и проблемы в области разработки и применения информационных технологий

Для авторов HTML-страниц могут также быть полезными другие важные, но реже используемые протоколы. Они также могут вызываться с помощью гиперссылок. Вот некоторые из них:

Кроме протокола, названия сервера, каталога и имени файла, в URL часто включают имя пользователя и пароль, а также номер порта и иногда указатель на фрагмент. Некоторые URL, например mailto, могут выглядеть совершенно по-другому: вместо названия сервера или имени файла в нем указывается адрес электронной почты.

Теперь рассмотрим формулу создания URL и несколько примеров.

ФОРМУЛА URL. Все URL строятся с использованием следующего синтаксиса: <имя протокола>:<описание ресурса>. При этом каждый протокол накладывает свою специфику в описание ресурса.

Протокол HTTP. Минимальный URL для протокола HTTP указывает только имя сервера. Минимальная формула используется в качестве адреса фирмы для помещения в рекламе.

Формула: http://<сервер>/

Пример: http://www.company.com/

Минимальный URL обращается к корневому каталогу Web-узла. Даже если завершающая косая черта не используется, она предполагается и добавляется либо программой-клиентом, либо самим Web-сервером. По умолчанию при обращении к каталогу сервер выдает файл, называемый индексным. Подобный файл имеет имя index.htm или default.htm. Это всего лишь традиция. Администраторы Web-серверов могут менять имя индексного файла по своему усмотрению.

Приведенная ниже формула URL служит для запроса определенного HTML-файла, который, как предполагается, находится в корневом каталоге Web-сервера.

Формула: http://<сервер>/<файл>

Пример: http://www.company.com/hello.htm

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

Формула: http://<сервер>/<каталог>/

Пример: http://www.company.com/products/

URL с указанием и каталога и файла:

Формула: http://<сервер>/<каталог>/<файл>

Пример: http://www.company.com/products/profile.htm

В некоторых системах, например в UNIX, Web-сервер может поддерживать несколько каталогов, каждый из которых принадлежит определенному пользователю. Вместо того, чтобы набирать полный путь к корневому каталогу пользователя, достаточно набрать символ ~, имя пользователя в системе и косую черту. Любой каталог или файл, следующий далее, будет искаться относительно корневого каталога пользователя.

Формула: http://<сервер>/~<пользователь>/

Пример: http://www.company.com/~jsmith/

URL может ссылаться на помеченный фрагмент, расположенный внутри HTML-документа. Он называется меткой или поименованной ссылкой. Для обращения к ней нужно после имени документа поставить знак «#», а затем ввести имя метки.

Формула: http://<сервер>/<каталог>/<файл>#метка

Пример: http://www.company.com/products/profile.htm#enter1

С помощью URL протокола HTTP можно сформировать запрос на получение файлов других типов. Например, на запрос http://www.company.com/images/logo.gif сервером будет выдан файл изображения в формате GIF, а не HTML-файл. Гибкость Web-серверов и URL часто недооценивается. Многие считают, что все документы в Web должны быть в HTML-формате, чтобы их можно было друг с другом связывать.

URL протокола HTTP может даже ссылаться на программы на сервере и выполнять их. Эти программы, выполняемые на сервере, называются, как правило, CGI-программами(Common Gateway Iinterface - общий шлюзовой интерфейс). Они получили такое название по стандарту интерфейса, определяющему, как данные передаются в программу и принимаются из нее. Очень часто программы на сервере используются для доступа к базам данных. В ответ на запрос пользователя после обработки данных генерируется HTML-документ, являющийся результатом обработки запроса. Параметры, передаваемые таким программам, можно непосредственно указывать в URL: после URL ставится знак вопроса и далее строки с параметрами. Так как в запросе пользователя могут встречаться специальные символы, они при генерировании URL кодируются. Формула кода для специального символа выглядит так: знак %, и следом две шестнадцатиричные цифры, соответствующие символу в таблице ASCII. Например, символ пробела заменяется на код %20.

Формула: http://<сервер>/<каталог>/<файл>?<параметры>

Пример: http://www.company.com/products/search.cgi?cost=400.00

Создание сложных URL с кодами и строками запроса реально редко выполняется в ручную. Обычно броузер автоматически генерирует строку запроса, основываясь на данных, введенных в форму. Более подробно о формах и о связи HTML с программами мы поговорим в модуле 2.

Наконец, запрос протокола HTTP может быть направлен в порт, отличный от принятого по умолчанию (порт 80). В таком случае после имени сервера ставится двоеточие и номер порта.

Формула: http://<сервер>:<номер порта>/<каталог>/<файл>

Пример: http://www.bigcompany.com:8080/products/greetings.htm

В проведенном выше примере URL ссылается на Web-сервер, который работает с портом 8080. Администраторы могут перевести Web-сервер на любой не зарезервированный стандартами порт. Тем не менее, назначение нестандартных номеров портов на серверах не рекомендуется, т.к. если номер порта не будет указан пользователем в URL, доступ к серверу будет невозможен.

Есть еще одна разновидность протокола HTTP, которая предназначена для безопасной передачи информации с помощью функции SSL (Secure Sockets Layer). В данном случае протокол будет называться HTTPS, а номер порта - 443. Пример формулы URL безопасного HTTP представлен ниже. Отличия заключаются в дополнительной букве «s» и другом номере порта.

Формула: https://<сервер>:<номер порта>/<каталог>/<файл>

Пример: https://www.wellsfargo.com

URL для протокола HTTP, указывающие на Web-страницы, распространены гораздо больше, чем все остальные URL. Но пользователи могут встретиться и с другими формулами URL для других протоколов обмена данными.

Протокол File. Этот протокол указывает на файл, расположенный на удаленном или локальном компьютере. Он не указывает протокол доступа к файлу, и его возможности ограничены, за исключением одного важного случая. С его помощью браузером можно просматривать файлы, расположенные на локальном компьютере пользователя - это важная возможность для разработчиков Web-страниц. Имя сервера в данном случае опускается или заменяется на служебное слово localhost. Далее указывается имя локального каталога и имя файла. (Третья наклонная косая черта добавляется, если ссылка делается на файл, расположенный на локальном диске).

Формула: file://<сервер>/<каталог>/<файл>

Пример: file:///dev/web/testpage.htm

В некоторых случаях явно указывается имя текущего диска и путь к файлу. Так на PC URL выглядит так: file://\\pc1\C\Netlog.txt - открывается файл на диске С в локальной сети pc1.

Протокол FTP. Этот протокол служит для получения файла с сервера, и он предшествовал протоколу HTTP. В общем, он не предназначен для того, чтобы переданный файл был сразу выведен на экран. Он служит просто для переноса файла с удаленной системы на локальную. Однако с помощью броузера такие файлы могут быть сразу просмотрены. В настоящее время протокол FTP из-за своей эффективности наиболее широко используется для передачи файлов больших размеров, например программ. URL протокола FTP выглядит так же, как и URL протокола HTTP:

Формула: ftp://<сервер>:<номер порта>/<каталог>/<файл>

В минимальном варианте записи URL для протокола FTP указывается только имя сервера, в результате чего выдается список файлов в корневом каталоге: ftp://ftp.company.com. Однако чаще всего URL для протокола FTP используется для доступа к конкретному файлу в архиве с указанием его имени и имени каталога, как показано ниже:

Формула: ftp://<сервер>/<каталог>/<файл>

Пример: ftp://ftp.company.com/info/somefile.exe

Протокол FTP использует службы идентификации. Каждый корректный FTP-запрос требует определенной регистрации пользователя на сервере, откуда будет передаваться файл. На практике многие FTP-ресурсы предназначены для общего доступа, поэтому было бы непрактично создавать для каждого пользователя уникальную учетную запись. В правилах протокола FTP для этого случая существует учетная запись anonymous. Любой пользователь, набрав имя «anonymous» или «ftp» получает доступ к любому общему ресурсу на сервере. Имя «anonymous» подразумевается по умолчанию в любом URL для протокола FTP, если оно не указано явно.

В URL для протокола FTP можно явно указать имя пользователя и пароль доступа к серверу. В таком случае данная информация записывается перед именем сервера по приведенной ниже формуле:

Формула: ftp://<пользователь>:<пароль>@<сервер>/<каталог>/<файл>

Пример: ftp://jsmith:harmony@ftp.company.com/products/list

В данной формуле пароль вставлен прямо в URL. Это опасный вариант, так как этот пароль передается простым текстом через сеть и его можно увидеть, либо просмотрев исходный текст файла в браузере, либо прямо в его адресной строке. В URL следует указывать только пароли для общего доступа. Если пароль требуется, но не указан в URL, программа доступа к серверу выведет приглашение с просьбой ввести его в отдельном окне. Поэтому лучше всего делать ссылку на службу, которая сама запросит пароль, либо достаточно указать только имя пользователя, а при попытке доступа к серверу, браузер попросит ввести пароль.

Формула: ftp://<имя пользователя>@<сервер>/ <каталог>/<файл>

Пример: ftp://jsmith@ftp.company.com/products/sales

Протокол Mailto. Он в отличие от других не предназначен для определения места нахождения и передачи какого-либо ресурса в сети Интернет. Вместо этого, он просто открывает окно, в котором можно создать и отправить почтовое сообщение по указанному адресу.

Формула: mailto:<имя пользователя>@<сервер>

Пример: mailto:president@whitehouse.gov

Эта довольно простая формула использует стандартный способ адресации почты в сети Интернет. Существуют также и другие, более сложные способы адресации. URL для протокола mailto очень часто можно встретить на Web-сайтах, так как он служит одним из средств обратной связи посетителей с владельцами сайта. Однако имейте в виду, что если браузер пользователя не настроен правильно на отправку почты, при щелчке по этому URL у пользователя появится на экране сообщение об ошибке, а также просьба настроить работу браузера с почтовой программой.

Прочие формы URL. Существует большое количество других протоколов, которые могут быть использованы. Однако не всегда браузер может поддерживать работу с ними. Например, протокол WAIS интересен лишь по историческим причинам. Сейчас он мало используется в Web. С каждым днем появляются все новые и новые протоколы. Если вас интересует информация о других URL, посетите сайты http://www.w3.org/pub/WWW/ Addressing/schemes или http://www.ics.uci.edu/pub/ietf/uri/.

Относительные URL. Абсолютные URL в явном виде задают протокол, имена сервера, каталога и файла. В некоторых ситуациях указание такой информации может быть неудобным и излишним. Именно тут и применяется сокращенная форма записи URL, называемая относительным URL. В относительном URL различные отсутствующие части адреса - сервер, каталог или протокол - могут быть определены из текущего документа, либо с помощью элемента <BASE>. Продемонстрируем идею относительных URL на примере.

Если Web-сайт имеет адрес www.bigcоmpany.com, пользователь может обратиться к его начальной странице, набрав URL http://www.bigcоmpany.com/. Ссылка на эту страницу из внешней системы выглядит точно также. Но, подключившись к сайту, уже нет смысла указывать его полный адрес. Полный адрес ссылки с главной страницы к странице, которая находится в корневом каталоге, будет выглядеть так: http://www.bigcоmpany.com/staff.htm. Протокол, имя сервера, имя каталога можно опустить и оставить только название файла staff.htm. Эта сокращенная схема работает, так как запись http://www.bigcоmpany.com/ подразумевается по умолчанию для всех остальных ссылок. Таким образом, можно использовать адреса в сокращенном варианте. Примеры такой сокращенной записи представлены в следующей таблице.

Адрес текущей страницы Адрес назначения Относительный URL

http://www.bigcompany. http://www.bigcompany. staff.htm

com/index.htm com/staff.htm

http://www.bigcompany. http://www.bigcompany. products/gadget1.htm com/index.htm com/products/gadget1.htm

http://www.bigcompany. http://www.bigcompany. ../index.htm

com/products/gadget1.htm com/index.htm

Если на Web-сайте используются относительные URL, сайт становится переносимым. Без указания имени сервера в каждой ссылке, Web-сайт можно разрабатывать на одном сервере, а затем переносить его на другой. Если же вы пользуетесь абсолютными URL, все ссылки при переносе на другой сервер придется изменять. Конечно, относительные URL имеют и свои недостатки: на большом сайте они могут привести к путанице, в особенности, если используется общий каталог для однотипных файлов, например, изображений. Один из выходов - использование элемента <BASE>, определяющего базу всех относительных URL, встречающихся в документе. Подробнее мы поговорим об этом в модуле 2.

4. Основные элементы базового языка HTML

4.1 Основные понятия и правила базового языка HTML

Язык гипертекстовой разметки HTML - это язык структурной разметки, используемый для создания Web-страниц. Он представляет собой простой набор кодов, называемых элементами, который используется для определения структуры и формата документов. Пользовательская программа, в роли которой обычно выступает Web-браузер, выводит данный документ на экран, интерпретируя значения этих кодов. Базовый HTML - это вид HTML, который используется в большинстве Web-страниц.

Элементы в языке HTML состоят из буквенно-цифровых кодов, помещенных в угловые скобки, например <B>, <HTML >, <IMG>, <HR>. Большинство элементов состоят из пары тегов - открывающего и закрывающего. Открывающий тег - это просто мнемонический символ элемента, заключенный в угловые скобки. Например, символ, обозначающий жирный шрифт, - В (от слова Bold - жирный), а его открывающий тег - <B>. Закрывающий тег идентичен открывающему за тем исключением, что перед названием ставится прямая наклонная черта (/). Действие элемента распространяется на всё, что находится между открывающим и закрывающим тегами, например: <B> Этот текст набран жирным шрифтом </B> а этот - нет.

В спецификации языка HTML определяется, что именно может окружать каждый из элементов. Это так называемая модель содержимого элемента. Элементы могут окружать другие элементы, текст, комбинацию элементов и текста и могут вообще ничего не окружать. Так, модель содержимого элемента <HEAD>, задающего общую информацию об HTML-документе, позволяет окружать лишь несколько элементов, например <TITLE> и <META>. Модель содержимого элемента <B> позволяет ему окружать текст и некоторые другие элементы, например <I> (курсив), но не такие как <HEAD>. Модель содержимого элемента перевода строки <BR> определяет данный элемент как пустой, так как он не может ничего окружать (тогда элементу не нужен закрывающий тег). Модель содержимого определяет возможные отношения между элементами и содержанием. Если они соблюдаются, HTML-документ считается правильным.

Открывающий тег HTML может иметь также несколько атрибутов, которые каким-либо образом меняют его действие. Атрибуты ставятся между угловыми скобками тега и отделяются от названия элемента как минимум одним пробелом. Некоторые атрибуты обозначают действие одним только своим названием, как, например, атрибут COMPACT, добавляемый в элемент упорядоченного списка <OL COMPACT>. Другие атрибуты обозначают действие путём присвоения значения имени. Например, в теге <OL TYPE=”I”> упорядоченному списку присваивается тип нумерации с использованием римских цифр в верхнем регистре. Элемент может содержать несколько атрибутов, они отделяются друг от друга как минимум одним пробелом: <OL COMPACT TYPE=”I”>.

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

Имя Имя Значение

тега атрибута атрибута

<H1 ALIGN = ”LEFT” > Заголовок </H1>

атрибут

открывающий содержимое закрывающий

тег элемента тег

элемент HTML

рис. 2.1. Типичный элемент HTML

Правила языка HTML. При написании HTML-кода необходимо соблюдать следующие правила.

· Названия элементов можно писать в любом регистре. Элемент <hTml> обозначает то же самое, что и <html> или <HTML>. Браузер не обращает внимания на то, буквами в каком регистре написаны имена элементов. Тем не менее, следует придерживаться определенного стиля: писать все элементы строчными или заглавными буквами. Практика показывает, что лучше всего названия элементов писать заглавными буквами, тогда HTML-документы легче читать и исправлять.

· Значения атрибутов не всегда можно писать в любом регистре. Значение атрибута часто чувствительно к регистру букв, в особенности когда дело касается имён файлов. Имя файла в элементе <IMG SRC=”filename.gif”> не всегда можно заменить на <IMG SRC=”FILENAME.GIF”>. Всё зависит от операционной системы: играет ли для неё какое-либо значение разница в регистре букв. Во избежание недоразумений всегда указывайте в точности то имя, которое было присвоено файлу при сохранении.

· Названия элементов не должны содержать пробелов. Броузеры рассматривают первый пробел, встречающийся в элементе, как конец названия элемента и начало его атрибутов. Например, <I M G> не означает <IMG> - тег вставки рисунка. Он будет обозначать <I> - элемент курсива, - с двумя неопределенными атрибутами M и G.

· Значения атрибутов могут содержать пробелы, если они помещены в кавычки. Некоторые атрибуты имеют известные значения, как правило, это строки типа LEFT, RIGHT или CENTER. Данные значения не требуется заключать в кавычки. Кавычки используются только в том случае, если внутри значения встречаются пробелы или специфические символы. Например, значения атрибутов SRC и ALT в следующем элементе не содержат пробелов, а потому в кавычки не заключаются. <IMG SRC=dog.gif ALT=Ralf>. Если же значением атрибута надписи к рисунку ALT будет фраза My dog Ralf, она должна быть заключена в кавычки.

<IMG SRC=dog.gif ALT=”My dog Ralf”>

· Браузеры игнорируют несколько пробелов подряд и сжимают их в один. Браузеры сжимают последовательность из нескольких символов пробела, табуляции или перевода строки в один единственный символ. Эти символы не могут быть использованы для форматирования, если только текст с ними не помещен в специальный элемент <PRE>. Он сохраняет значение каждого символа.

· HTML-документы могут содержать комментарии. Язык HTML поддерживает использование комментариев, которые не выводятся броузером на экран. Комментарии начинаются с символов <!- - и заканчиваются символами - -> и могут содержать любое количество строк. Между дефисами и восклицательным знаком не должно быть пробелов. Комментарии могут располагаться в любой части страницы. В особенности они ценны в заголовке документа, так как помогают работать с ним. Комментарий, размещенный в заголовке, может содержать информацию о назначении документа, о его создателе, о требуемых ресурсах и истории внесенных изменений.

· Элемент, включающий в себя открывающий тег другого элемента, должен также включать и закрывающий тег этого элемента. Пары тегов разных элементов должны вкладываться друг в друга, а их закрывающие теги не должны пересекаться. Для того, чтобы выделить текст жирным шрифтом и курсивом, набирайте <B><I>Правильно</I></B>, а не <B><I>Неправильно</B></I>.

4.2 Структура HTML-документов

Вне зависимости от содержания все правильно составленные HTML -документы имеют одну и ту же структуру. Ниже представлен шаблон HTML-документа:

<!DOCTYPE HTML PUBLIC “html версия”> <HTML>

<HEAD>

<TITLE> Название документа </ TITLE>

. . . Здесь указывается прочая дополнительная информация . . .

</HEAD>

<BODY>

. . . Здесь находится размеченный текст . . .

</BODY>

</HTML>

Любой HTML-документ начинается в элемента <!DOCTYPE>, который указывает на версию HTML, в кoторой написан данный документ. После него идет элемент <HTML>, в который и помещается сам документ. Он состоит из двух главных разделов - заголовка (элемент<HEAD>) и тела (элемент <BODY>). В заголовке содержится вся информация, описывающая документ. В нём обязательно должно быть название документа, которое помещается в элемент <TITLE>. В теле же располагается сам текст документа.

Из языка SGML язык HTML унаследовал требование, что все документы должны начинаться с элемента <!DOCTYPE>. В HTML-документе с его помощью указывается диалект, использованный для написания документа. Это указание делается в виде ссылки на существующее описание типа документа (document type definition - DTD). В нём записано, какие элементы, атрибуты и отношения между ними должны существовать в документе. Элемент <!DOCTYPE> позволяет программам-валидаторам определить, по какому стандарту языка надо проверять данный HTML-документ.

Элемент <HTML> определяет начало и конец HTML-документа. Он содержит только два элемента - <HEAD> и <BODY>. Элемент <HEAD> необязателен. Стандарт HTML 3.2 вообще не требует его использования, также как и все популярные браузеры. Однако, включив его, вы делаете документ более читаемым.

4.3 Раздел заголовка документа (элемент<HEAD>)

Элемент <HEAD> включает в себя ту часть документа, в которой содержится описание его характеристик и прочая дополнительная информация. Браузеры не выводят эту информацию, хотя она и используется таблицами стилей и сценариями. Сам элемент <HEAD> в документ вставлять необязательно, так как границы его действия можно отследить и без его задания. Тем не менее, в целях хорошего стиля и читаемости исходного кода включать его всё-таки следует. В соответствии с описанием стандарта HTML 4.0 в элементе <HEAD> могут находиться следующие элементы: <BASE>, <ISINDEX>, <LINK>, <META>, <OBJECT>, <SCRIPT>, <STYLE> и <TITLE>. Элемент <TITLE> должен всегда присутствовать в документе. Ниже приведено краткое описание каждого элемента.

Элемент <BASE> указывает абсолютный адрес URL. Cервер и каталог, указанные в данном элементе, добавляются к неполному адресу URL, используемому в документе, чтобы определить путь к нужной странице. Неполный адрес URL иногда называют относительной ссылкой.

Элемент <ISINDEX> указывает, что данный документ содержит индекс ключевых слов. Обнаружив этот элемент, браузер выводит окно запроса, в котором находится искомое слово. Сегодня этот элемент редко используется, так как его большей частью заменили формы.

Элемент <LINK> определяет связи между данным документом и другими документами. Во-первых, данный элемент может применяться для перемещения между гипертекстовыми документами, а во-вторых, для привязки к документу списка стилей.

Элемент <META> с помощью пары «имя - значение» определяет метаинформацию о документе. Часто с помощью <META> определяется информация, описывающая документ, которая затем используется поисковыми службами Web. Существует и другое применение данного элемента: с его помощью можно определять заголовок HTТР-запроса, так что через определенное время вместо текущей страницы будет загружена другая.

Элемент <OBJECT> определяет объект, который включается в HTML-документ.

Элемент <SCRIPT> позволяет вставлять прямо в Web-страницы программы, написанные на языке сценариев, для выполнения на компьютере-клиенте. Наиболее популярными языками сценариев являются JavaScript и VBScript (вариант Visual Basic). Этот способ увеличения интерактивности страницы называется программированием на стороне клиента.

В элемент <STYLE> включаются определения стилей, имеющихся шрифтов, цветов, размещения и прочих аспектов оформления страницы. Стили можно связывать с определенными элементами документа.

Элемент <TITLE> должен быть в любом HTML-документе. Он присваивает HTML-документу название, по которому его распознает браузер и роботы поисковых серверов. Браузеры выводят название документа при просмотре, а также используют его при создании закладок. В названии документа можно использовать обычный текст, а также некоторые символьные примитивы (например, &copy;). Использование разметки в элементе названия не допускается. Название пользователь видит в списке закладок, если он сделал закладку на данную страницу. Роботы поисковых серверов при определении тематики страницы уделяют особое внимание её элементу <TITLE>. Именно поэтому название должно недвусмысленно описывать содержание страницы. В документе может быть только один элемент <TITLE>. Он должен располагаться в заголовке документа.

4.4 Элемент <BODY>(тело документа)

Тело документа заключается между тегами <BODY> и .</BODY>. Спецификация HTML 4.0 и большинство браузеров не требует обязательного наличия этого элемента. Но его следует использовать. В документе может быть только один элемент <BODY>.

Атрибуты тега <BODY>:

background=”1.jpg”____________фоновой узор

bgcolor=”gray”________________цвет фона

marginwidth=20_______________отступ слева (Netscape)

marginheight=0_______________отступ сверху (Netscape)

leftmargin=20_________________отступ слева (Internet Explorer)

topmargin=0__________________отступ сверху (Internet Explorer)

link=”blue”___________________цвет непосещенных ссылок

alink=”yellow”________________цвет активных ссылок

vlink=”red”___________________цвет посещенных ссылок

text=”black”__________________цвет текста

bgproperties=”fixe”___________фон не прокручивать (Internet Explorer)

Чаще всего в элементе <BODY> используются атрибуты, влияющие на цвет текста, фона и ссылок в документе. Например:

<BODY bgcolor=“gray” link=”blue” alink=”yellow” vlink=”cyan”>

Элемент <BODY> может содержать множество других элементов HTML. Основные элементы HTML, которые используются большинством браузеров и определены в спецификации HTML 4.0, делятся на три большие группы:

­ элементы уровня блока, работающие с большими блоками текста, например, с абзацами.

­ элементы уровня текста, указывающие как текст должен выводиться на экран и к какому типу он относится.

­ символьные примитивы - элементы уровня символов, позволяющие вставлять в документ определенные символы, например, символы с ударением, символы авторских прав и др.

4.5 Способы задания цветовых параметров и шрифта

Цветовые параметры Web-страницы - это цвет текста, цвет фона и ссылок в документе. В основном атрибуты цвета задаются в элементе <BODY> и в элементе выбора шрифта <FONT>.

У элемента <BODY> имеется множество атрибутов, с помощью которых можно по-разному менять отображение текста в теле документа. Можно задать цвет фона, цвет текста и ссылок в документе, а также определить фоновое изображение.

Используя атрибут TEXT в элементе <BODY>, можно изменить цвет текста Web-страницы целиком. Применение же атрибута COLOR в элементе <FONT> позволяет воздействовать на внешний вид отдельного фрагмента текста.

Цвет текста можно задать наименованием или шестнадцатеричным значением (кодом) требуемого цвета. Выражение кода состоит из символа фунта (#), за которым следует число, в совокупности представляющее интенсивность красной (Red), зеленой (Green) и синей (Blue) составляющих цвета (RGB). По имени можно сослаться только на 16 основных цветов. Ниже приведена таблица, содержащая предопределенные названия основных цветов (с переводом их на русский язык) и соответствующие им шестнадцатеричные значения.

Значения цвета, заданные посредством атрибута COLOR в элементе <FONT>, обладают более высоким приоритетом в сравнении с теми, которые установлены с помощью атрибута TEXT в элементе <BODY>. Поэтому вполне допустимо установить вначале общий цвет всего текста страницы, а затем изменить внешний вид требуемых фрагментов.

Элемент<FONT> позволяет задать размер, цвет и начертание шрифта, которым будет выводиться помещенный в элемент текст. Атрибуты <FONT>:

color=”gray #008000“_______цвет шрифта

face=”Arial, Verdana”__________название шрифта

size=”4” +1 -1 ___________ размер шрифта

Атрибут Face указывает название шрифта или список названий, разделенных запятыми. Браузер поочередно просматривает список шрифтов и отображает текст документа на экране первым шрифтом, который установлен на компьютере-клиенте.

Атрибут Size задает абсолютный или относительный размер шрифта. Числовые значения абсолютного размера располагаются в диапазоне от 1 до 7, где 1-наименьший размер шрифта, а 3-размер шрифта, используемый по умолчанию. При задании относительного размера шрифта с помощью знаков “+” и “-” указывается, на сколько новый размер шрифта больше или меньше текущего. Допустимые значения относительного размера шрифта находятся в диапазоне от +1 до +6 или от -1 до -6.

Пример: <FONT color=”red” size=“7” face=”Arial”>Красный текст седьмого размера </FONT>

Для выделения отдельных слов или фраз текста широко используются моноширинные шрифты, в которых каждому символу строки отводится одинаковое пространство (например, шрифт Courier). Для отображения текста с помощью моноширинных шрифтов применяются элементы <TT>, <CODE>,<KBD>и <SAMP>. Наиболее широкое применение находит элемент <TT>. Он полезен для выделения отдельных слов или фраз текста, не несущих определенной смысловой нагрузки. Остальные из перечисленных элементов используются для выделения фрагментов текста, имеющих специальное назначение (см. раздел «Элементы логического форматирования текста»).

Явно указать цвет фона Web-страницы позволяет атрибут BGCOLOR элемента <BODY>. Цвет фона задается наименованием или шестнадцатеричным значением (кодом #RRGGBB).

Атрибут BACKGROUND элемента <BODY> позволяет снабдить Web-страницу графическим фоном. Изображение, применяемое для формирования фона страницы, обычно невелико по размеру; браузер автоматически размещает его копии таким образом, чтобы целиком заполнить поверхность страницы. Любопытные и забавные образцы графики, предназначенной для использования в качестве фона, можно найти на сайтах www.nepthys.com/textures и imagine.metanet.com

4.6 Основные элементы оформления текстовой части страницы

В число структурных элементов текстовой части Web-страницы входят абзацы, разделы, заголовки, переформатированный текст. Кроме того, в оформлении текстовой части страницы участвуют списки, элементы уровня текста и символьные примитивы.

<P>: создание абзаца. Один из наиболее важных элементов структуризации текста - это элемент абзаца. Текст, окруженный тегами <P> и </P>, означает, что он является логическим абзацем. Текст абзаца начинается с новой строки. Сверху и снизу абзаца добавляется по одной пустой строке. Вложение <P> внутрь другого <P> не допускается: браузер автоматически прекращает действие прежнего <P>. Большинство Web-браузеров форматируют абзацы, выравнивая их влево. Атрибут ALIGN позволяет принудительно изменить признак выравнивания: Right - вправо, Left - влево, Center - по центру и Justify - по ширине. По умолчанию ALIGN принимает значение Left. Пример выравнивания абзацев:

<BODY>

<P>Это первый пример использования тега Р. </P>

<P ALIGN=”CENTER”>А это второй абзац. Он выровнен по центру.</P>

<P ALIGN=”RIGHT”>А здесь текст выровнен по правому краю. Такой текст довольно трудно читать. </P>

</BODY>

При выводе страницы в разных браузерах переход текста на следующую строку осуществляется в различных местах. Размер шрифта и размер экрана в разных браузерах разные. Так что с помощью абзацев создать точный макет страницы невозможно. Стоит только браузеру изменить свой размер, содержимое страницы тут же изменится, чтобы подстроиться под новые размеры окна. В этом прелесть и беда дизайна на языке HTML.

<H1>…<H6>: оформление заголовков документа. Заголовки - прекрасный инструмент структурной организации содержимого Web-страницы. Существует 6 различных уровней заголовков: <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. Уровни располагаются в порядке важности, начиная с <H1> - самого важного - до <H6> - наименее важного. В заголовках скрывается логический смысл, связанный со структурой документа. Размер и толщина шрифта связываются с важностью заголовка, поэтому заголовок <H1> выглядит больше, а <H3>- меньше. Большинство браузеров отображают заголовки полужирным шрифтом, добавляя над и под ними пустые строки и по умолчанию выравнивая текст заголовков влево. С помощью атрибута ALIGN заголовок любого уровня можно выровнять по левому (left), правому краю (right) страницы, по ширине (justify) или по центру (center). Ниже приведены примеры заголовков:

Страницы: 1, 2, 3, 4