Учебное пособие 2140
.pdf
жирным, используйте физическое форматирование. В противном случае рекомендуется использовать теги логического форматирования.
Многие браузеры позволяют использовать теги, изменяющие гарнитуру, размер и цвет шрифта. Для этого используется тег <FONT>, записываемый следующим образом:
<FONT ... параметры... > ...текст... </FONT> Вы можете задавать значения следующих параметров тега.
SIZE-определяетразмер шрифта. Примеры: SIZE="3",SIZE="4",SIZE="-2", SIZE="+4". Параметр SIZE может принимать значение от 1 до 7. Если указано относительное значение (например, +1), то полное значение размера шрифта будет вычислено исходя из заданного базового значения. Реальные размеры шрифта, соответствующие значениям параметра SIZE тега <FONT>, определяются настройками браузера.
FACE - задает гарнитуру шрифта (шрифт, которым будет выводиться текст). В качестве значений этого параметра можно задавать имена шрифтов, установленных в системе. Имена шрифтов следует записывать точно. Примеры: FACE= "Arial", FACE="Times New Roman".
СOLOR - позволяет изменить цвет текста. Цвет следует указать в шестнадцатеричной форме (см. раздел страницы» этой главы).
Примеры: COLOR="FF8000",COLOR="8FF710". «Цвет элементов
Рис 6.8. Управление гарнитурой, начертанием и цветом шрифта
Ниже приведен фрагмент HTML-документа, отображенного на рис. 6.8. Физическое форматирование:
<8>жирный</В> и <1>курсивный</1> шрифты. <BR> Логическое форматирование: <STRONG> жирный </STRONG> и <ЕМ> курсивный </ЕМ> шрифты. <BR>
Текст может быть <U> подчеркнутым </11> или <5> перечеркнутым
</S>. <BR>
<FONT SIZE=+1> Можно управлять </FONT> отображением текста
<FONT
SIZE=5> изменяя размер </FONT> <FONT SIZE=6> шрифта. </FONT> <BR>
А можно <FONT FACE="Arial"> изменять его </FONT> <FONT FACE="Courier New"> гарнитуру </FONT>.<BR>
Это пример <FONT COLOR="FF8000"> смены цвета </FONT> шрифта.
Задать размер и другие параметры шрифта также можно при помощи тега <BASEFONT>, задающего характеристики шрифта, используемые в документе по
умолчанию. Если после этого тега в тексте встречается тег <FONT> с относительным значением размера шрифта, то полный размер будет вычислен относительно размера, указанного в теге <BASEFONT>. В отличие от тега <FONT> этот тег действует на весь следующий за ним текст. Если тег встречается в документе несколько раз, то каждый из них переустанавливает размер шрифта.
Размер шрифта в теге <BASEFONT> определяется при помощи параметра SIZE (аналогично тегу <FONT>). Цвет шрифта задается параметром COLOR, а гарнитура шрифта - параметром FACE. Пример:
<BA5EFONT SIZE="7" COLOR="#3FE6D4" FACE="Arial">
6.3.3.Организация абзацев
Кметодике организации абзацев в HTML нужно привыкнуть. Как мы уже говорили, различные web-браузеры, установленные на разных компьютерах с различными графическими возможностями, будут поразному отображать HTML-документы. Во-первых, они часто сами «решают», как отображать строки документа, поэтому знаки конца строки (которые вы могли сгенерировать, нажав на клавишу Enter), вероятнее всего, будут игнорироваться. Если включить в текст пустую строку, отмечая таким образом конец абзаца, браузер также может ее проигнорировать. Вы должны отметить начало и конец абзаца с использованием кодов разметки.
Для форматирования абзацев используется тег <Р>, его следует расположить в начале нового абзаца, за исключением тех мест, где используется тег прерывания строки. (Если вы расположите подряд несколько тегов <Р>, они будут проигнорированы - то есть этот тег нельзя использовать для создания пустых строк.) Ниже приведен фрагмент HTMLкода, показывающий использование тега абзаца:
<НТМ1_><НЕАО><Т1Т1.Е> Создание абзаца </Т1Т1Е></НЕАО> <ВООУ>Здесь что-то написано.
<Р> А здесь новый абзац</Р></ВООУ></НТМ1_>
Использование любого тега HTML, наличие которого предусматривает прерывание строки (например, тег заголовка), приведет к автоматическому формированию нового абзаца, поэтому добавлять тег <Р> в этом случае не нужно.
Тег абзаца может иметь параметр ALIGN, указывающий браузеру, каким образом следует выравнивать содержимое абзаца. Пример записи такого тега (в данном случае устанавливается выравнивание по ширине):
Рис 6.9. Использование тегов абзацев и прерывания строки
прерывание строки без вставки пустой строки. Для этого нужно использовать тег <BR> (line break, прерывание строки). Ниже приведен
фрагмент кода, иллюстрирующий использование тега <BR> и поясняющий разницу между тегами <BR> и<Р>.
При просмотре в браузере этот фрагмент будет выглядеть следующим образом: перед фразой магазин «Микроника» идет пустая строка, между строками адреса и телефонного номера пустых строк нет, а затем снова пустая строка (рис. 6.9). Тег <BR> можно включать несколько раз подряд для генерации пустых строк.
Не забывайте о том, что некоторые другие HTML-теги по умолчанию осуществляют переход на следующую строку. Как было отмечено ранее, теги заголовков автоматически прерывают строку и начинают новую. Конечно, это относится и к тегу абзаца. Подобным образом действуют теги списков (см. раздел «Включение списков в HTML-документ»), теги структурирования (см. раздел «Использование таблиц») и некоторые теги логического форматирования. В этих случаях включать теги прерывания строки (или абзацные теги) не нужно. Имейте в виду, однако, что нажатие клавиши Enter никогда не воспринимается браузером как конец абзаца.
6.3.4. Цвет элементов страницы
Для элементов текста HTML-документа можно определять свои цвета. Механизм задания цвета основан на описании цветов с помощью модели RGB (red - красный, green - зеленый, blue - голубой). Эта модель используется для отображения цвета всех цветных мониторов. Отдельные цвета задаются тремя числами (одно для красного, второе для зеленого, третье - для голубого цвета). Эти числа обозначают присутствие в цвете каждой из этих трех составляющих. Например, совершенно черный цвет (когда ни один из оттенков не выражен) задается тремя нулями, «О, О, О», в то время как белый цвет задается комбинацией «255, 255, 255». Чтобы задать другие цвета, используются числа в промежутке от 0 до 255. Яркосиний цвет, например, представлен в виде «65, 105, 225».
В HTML цвета задаются также в виде трех составляющих, но числа представляются в шестнадцатеричной системе. Порядок записи составляющих - красный, зеленый, синий. Пример:
Рис. 6.10. Окно выбора цвета программы Adobe PhotoShop 5.5. с полем для шестнадцатеричного представления цвета.
<BODY TEXT="#4169E1">
Обратите внимание на символ «#» - он указывает на то, что символы за ним представляют собой код цвета. В большинстве случаев этот символ может быть пропущен.
Как видите, этот новый атрибут задает цвет той части текста, которая заключена между одной парой тегов <BODY>. В этом случае цвет задается для всего текста. Чтобы изменить цвет части текста, используйте тег <FONT> и </FONT> с параметром COLOR (см. раздел «Теги форматирования текста»).
Для получения шестнадцатеричных кодов цветов используйте калькулятор (десятичные коды можно получить в стандартном окне выбора цвета, например в ре-дак'торе Paint). Некоторые графические редакторы имеют функцию преобразования цветов в коды для HTML.
6.4. Использование URL-адресов при создании HTML-документов
6.4.1. Что такое URL?
URL, Uniform Resource Locator, или унифицированный указатель ресурсов, является ключом к местонахождению и интерпретации информации, которая может
быть найдена в Сети. URL - это стандартный способ описания как местонахождения ресурса, так и его содержимого. Используя URL-адреса при создании web-страницы, ее можно связывать с самыми разными ресурсами Сети, не думая о том, где именно расположен этот ресурс - на вашем компьютере или на компьютере, находящемся на другой стороне земного шара. Чтобы использовать в своих документах гиперссылки, необходимо понять основную идею URL.
В языке HTML URL-адреса записываются стандартным образом, примерно так:
protocol://username:password@domainname:portnumber/path? parameters.
Как видите, URL-адрес состоит из трех (шести) частей:
protocol, за которым следует двоеточие и два прямых слэша (как вы впоследствии убедитесь, в использовании слэшей существует несколько исключений);
username - имя пользователя. Этот параметр используется при обращении к FTP-серверам и службам электронной почты. Используя имя пользователя можно обращаться к серверам, вход на которые возможен только после регистрации (при обычном обращении к такому серверу обычно выводится запрос об имени и пароле);
password - пароль. Пароль используется совместно с именем пользователя для получения доступа к серверу. Если используется имя пользователя или пароль, они отделяются от остальной части адреса символом «@»;
domainname *»• доменное имя компьютерной службы, за ним идет portnumber (номер порта, этот параметр указывать необязательно) и прямой слэш;
path - обычный путь к документу или файлу на компьютере; также может указывать и на другие ресурсы;
parameters - параметры вызова файла. Этот компонент адреса отделяется от остальных его частей символом «?». Параметры могут использоваться, например, для вызова находящихся на сервере программ. Если параметров несколько, они разделяются
знаком «&».
Ниже приведен пример URL-адреса, содержащий все вышеуказанные компоненты: http://myname:mypassword@www.mycompany.com/cgi-bin/redir.pl?page=40 В
большинстве случаев вы будете использовать более простые адреса. Например:
http://www.mycompany.com/home.html В некоторых случаях хватит записи вида:
http://www.mycompany.com
При этом будет открыт файл, имеющий специфическое имя (обычно используется имя index.htm или index.html)
6.4.2. Запись URL-адресов
Чтобы создать URL-адрес, вы просто вводите его отдельные компоненты подряд, друг за другом, так, словно пишете предложение без пробелов.
1.Определите тип службы, который будет включен в ваш URL. Как правило, используется служба http.
2.HyperText Transfer Protocol, http - протокол передачи гипертекста.
Способ обмена данными между серверами и клиентами.
3.Укажите местонахождение ресурса или имя главного компьютера,
например www.mycompany.com.
4.Укажите имя ресурса - это может быть название документа, имя файла и пр., например home. html.
Теперь из перечисленных выше компонентов можно составить полный URL-адрес, по которому может находиться, например, домашняя страница вашей компании:
<http://www.mycompany.com/index.html>
6.4.3.Примеры адресов различных служб Интернета
Вэтом разделе описаны главные типы служб и приведены их URL. Эти примеры указывают на реально существующие ресурсы Сети, к которым вы можете получить доступ с помощью web-браузера.
Рис 6.11. Страница, имеющая url – адрес с протоколом http
6.4.3.1. URL-адреса web-страниц
Если URL-адрес начинается с http, значит, данный документ находится на одном из серверов Всемирной паутины. Вот так, например, выглядит адрес страницы Netscape, с которой можно загрузить различные программы: http://www.netscape.com/download/index.html
сервер находится на вашем компьютере, все равно нужно использовать только прямой слэш, но не обратный (\), с помощью которого указывается путь к файлу или документу.
На рис. 6.11 показана страница, расположенная по приведенному выше адресу. Обратите внимание на ее URL-адрес, который виден в верхнем поле браузера.
6.4.3.2. URL-адреса FTP-серверов и находящихся на них файлов
Адреса FTP-серверов позволяют получить доступ к структуре директорий и файлам, хранящимся на сервере. Такие адреса во многом схожи с именами файлов, находящихся на локальном компьютере (не подключенном к сети). Вот пример адреса директории, находящейся на сервере: ftp://gatekeeper.dec.com/pub/
Обратите внимание, что в данном адресе указывается не конкретный файл, а название каталога (pub/). Обращение по этому адресу позволит просмотреть содержимое каталога. Но в URL-адресе РТР-службы также могут указываться и имена файлов. Приведенный выше адрес относится к архиву бесплатного программного обеспечения, которым управляет корпорация Digital Equipment.
В адресах FTP-серверов могут использоваться имена пользователей и пароли. Это позволяет получить доступ к «запароленному» серверу в автоматическом режиме. В противном случае пользователю пришлось бы вводить имя и пароль вручную.
6.4.3.3.URL-адреса службы Telnet
Спомощью службы Telnet вы можете войти в удаленную систему и использовать экран и клавиатуру своего локального компьютера для управления сервером или подключенным к нему оборудованием. Ниже приведен пример адреса этой службы:
telnet://madlab.sprl.umkh. edu:3000
В URL-адреса службы Telnet входят не три, а два компонента стандартной записи адреса - указываются только название службы и имя главного компьютера (хоста).
Данный адрес содержит еще один компонент, а именно указание на номер порта, в данном случае это :3000 (обратите внимание на двоеточие). Как правило, при использовании URL-адреса Telnet номер порта указывать не требуется (как, впрочем, и в большинстве случаев с URL-адресами других служб). Данная служба известна под названием Weather Underground.
6.4.3.4. Адреса групп новостей
По этим адресам расположены группы новостей UseNet. UseNet - это получившие широкое распространение bulletin board service, BBS, или электронные доски объявлений, организованные в тысячи областей по интересам. Ниже приведен адрес одной из групп новостей в том виде, в каком он должен включаться в HTML-документ:
<news:comp.infosystems.www.authoring.html>
6.4.3.5. Адреса электронной почты
Речь идет о службе электронной почты. Ссылки на электронные адреса поддерживаются большинством браузеров. Включать ссылки на адреса электронной почты в HTML-документ имеет смысл в том случае, если вы
ждете читательских откликов. Для вызова почтовой программы им понадобится лишь щелкнуть на ссылке адреса. Вот пример такого адреса: mailto:webmaster@www.yourcornpany.com
Адреса электронной почты - типичный пример использования имени пользователя в адресе ресурса Сети.
6.4.3.6. URL-адреса локальных файлов
URL-адреса локальных файлов задают путь к файлам, хранящимся на вашем компьютере. Адрес выглядит примерно так: file:///c:/books/internet/chapter6/text.doc
Так как в адресах (но не именах) файлов нельзя использовать пробелы, адреса локальных файлов могут выглядеть любопытно. Например адрес файла, имеющего имя c:\program files\my program.exe, следует записывать следующим образом:
<file:///c:/prorgam%20fiLes/my%20program.exe>
6.4.3.7. URL-адреса других служб Интернета
Скажем несколько слов о менее распространенных типах служб. В их число входят WAIS (Wide Area Indexing Servers) - содержит базы данных,
поиск которых ведется по ключевому слову; Gopher - текстовый, командноориентированный предшественник Всемирной паутины, и другие. Система WAIS практически вытеснена другими службами Сети, в частности поисковыми; служба Gopher также пользуется все меньшей и меньшей популярностью.
Если вам все-таки необходимо использовать ссылки на подобные ресурсы, записывайте их адреса следующим образом:
gopher : //si te_address - адрес ресурса службы Gopher (site_address - адрес нужного сайта)
wais : //site_address - адрес ресурса службы WAIS.
Рис 6.12. Все эти объекты являются ссылками на web – страницу
6.5.Использование указателей и ссылок
6.5.1.Что такое гиперссылка?
Конечно, вам уже приходилось иметь дело с гиперссылками во время ваших путешествий по Сети (см. главу «Всемирная паутина»). Имея представление о тегах языка HTML, URL-адресах, а также о тегах указателей, которые мы рассмотрим в этой главе, вы сможете включать в свои HTML-документы гиперссылки.
Так как в качестве ссылки может использоваться практически любой объект, использование которого на web-странице допускается стандартом HTML, иногда бывает сложно определить, является ли какой-либо объект ссылкой или нет. В большинстве случаев ссылки выделяются среди остального содержимого страницы. Для выделения используют цвет, подчеркивание и другие средства. Если ссылкой служит изображение, оно может быть обведено рамкой. Часто само содержание таких изображений указывает на то, что это ссылка.
Характерным признаком ссылки является изменение курсора мыши при наведении на соответствующий объект. Многие браузеры при наведении
курсора на ссылку отображают адрес, на который она указывает, в строке состояния.
Как уже было сказано, гиперссылка может указывать на практически любой объект. Если этот объект является HTML-документом (webстраницей), браузер отобразит его в окне. Если же объект имеет другой тип (например, рисунок или музыкальная запись), браузер попытается отобразить его своими средствами. Если это не удастся, будет вызвано приложение, ассоциированное с файлами данного типа. Для обработки ссылок на службы Интернета будут также вызваны соответствующие приложения (многие браузеры могут самостоятельно получать доступ к FTP-серверам и другим службам).
6.5.2. Тег гиперссылки
Гиперссылки в HTML-документах создаются с помощью специальных тегов. Подобно другим тегам, данный должен начинаться с символа «<» и заканчиваться символом «>». Ниже приведен формат этого тега:
<А НКЕР="документ" МАМЕ="имя" ТАКСЕТ="имя окна"> Объект, являющийся ссылкой </А>.
В записи тега ссылки обязательными являются только параметры HREF или NAME (они могут использоваться по отдельности или вместе). Параметр HREF задает адрес документа или объекта (например, рисунка), на который указывает ссылка. Если этот параметр отсутствует, ссылка неработоспособна. Кроме того, некоторые браузеры не выделяют текст такой ссылки. В качестве значения этого параметра можно также указать адрес какой-либо службы Интернета (например, группы новостей). Параметр NAME определяет имя ссылки, используемое при создании ссылок на части документа (закладок). Этот параметр не является обязательным для обычной ссылки. Создание закладок (якорей) описывается ниже.
Параметр TARGET определяет, в какое окно браузера должен быть загружен документ, на который указывает ссылка. В качестве имени окна может использоваться любая комбинация латинских букв и цифр (без пробелов). Имя окна может быть задано при разбивке web-страницы на фреймы (см. «Создание фреймов»). Если окна с заданным именем не существует, оно будет создано. Существуют некоторые предопределенные имена окон. Например, имя _top указывает на все текущее окно (при наличии фреймов документ будет загружен не во фрейм, а в полное окно). Если при обращении по ссылке было создано окно с каким-либо именем, все ссылки с указанным именем этого окна будут загружать документы именно в него.
Между тегами <А ...> и </А> могут находиться любые объекты (текст, рисунки и так далее). Щелчок мышью на любом из этих объектов приведет к обращению по указанному адресу.
6.5.3. Создание ссылок на локальные документы
Самые простые ссылки - это те, которые указывают на документы, хранящиеся на одном компьютере. Если файл, на который нужно создать ссылку, находится на том же компьютере, что и файл, содержащий ссылку, вовсе не обязательно
писать полный адрес файла с указанием протокола, имени сервера и других деталей. Достаточно указать имя нужного файла (если оба файла находятся в одной директории) или имя файла и поддиректорию (если файл находится в поддиректории). Имя целевого файла указывается относительно файла, содержащего ссылку. Это очень похоже на указание имен файлов при работе с командной строкой MS-DOS.
Например, у вас есть два документа, расположенных в одной и той же папке: docl.htm и doc2.htm. Чтобы пользователь мог открыть второй документ из первого, вы включаете в текст первого соответствующий тег:
<А HREF ="doc2.htm"> Объект, служащий ссылкой </А>
Ниже приведен пример очень простого, но законченного текста HTMLдокумента, который иллюстрирует использование тега гиперссылки, указывающей на локальный документ (то есть на файл, расположенный на том же компьютере). Подразумевается, что этот текст будет сохранен под именем docl.htm и помещен на сервер. Туда же должен быть помещен и файл doc2.htm (его содержимое в данном случае неважно). Обратите внимание: в одной ссылке используется полный адрес документа, а в другой - относительный.
<HTML>
<HEAD> <TITLE> Пример 6 </TITLE> </HEAD>
<BODY>
<НЗ>Использование относительных и абсолютных адресов</НЗ> Это - пример использования адресов локальных файлов.<BR>
Полные адреса файлов: <B>http://www.my_site.com/docl.htm</B> и <B>http://www.my_site.com/doc2.htm</B>
<P> Попробуйте воспользоваться этими ссылками:<BR> <А HREF="http://www.my_site.com/doc2.htm"> http:// www.my_site.com/doc2.htm</A><BR>
<A HREF="doc2.htm">doc2.htm</A> </BODY></HTML>
Рис 6.13. Пример HTML – документа, содержащего ссылки на локальный файл
На рис. 6.13 показан тот же документ, отображенный в браузере. Если разместить два файла (docl.htm и doc2.htm) на сервере по указанному адресу, то щелчки мышью на обеих ссылках приведут к одинаковому результату.
6.5.4. Задание ссылок на фрагменты документа
Теперь, когда вы знаете, как создавать ссылки, указывающие на другие документы, возможно, вы захотите создать ссылки, с помощью которых можно обращаться к отдельным фрагментам документа. Это может оказаться полезным при составлении оглавления объемной страницы.
К счастью, язык HTML позволяет сделать это очень легко. Как говорилось ранее, для задания ссылки может использоваться один из двух параметров. В данном случае используется параметр NAME. Формат его прост:
<А NАМЕ="имя">
Рис 6.14. Web – страница, содержащая ссылки на фрагмент документа
Этот тег представляет собой метку второго документа, включенную в том месте, на которое должна указывать ссылка первого документа. Так, например, может выглядеть фрагмент документа в том месте, где расположена метка: <А МАМЕ="меткаХ"> X отмечает фрагмент теста</А>
ПРИМЕЧАНИЕ------------------------------------------------------------
А теперь вернемся к первому документу, в нужном месте которого вы создаете ссылку на фрагмент второго документа:
Здесь вы найдете дополнительную
<А HREF="doc2.htm#MeTKaX"> информацию </А> по созданию ссылок,
указывающих на особые области web-страницы.
Как видите, эта ссылка ничем не отличается от ссылки на локальный документ; единственное отличие состоит в присутствии элемента # метка Х, который указывает
Рис 6.15. Та же страница после перехода по ссылке к одному из фрагментов документов
на промаркированный фрагмент второго документа. Если щелкнуть на такой гиперссылке, вы откроете не просто документ, но его нужный фрагмент. Вы значительно повысите качество своей web-страницы, если пользователь сможет быстро открывать нужные места документов.
Между прочим, вы можете использовать данный параметр и для того, чтобы быстро находить фрагменты самого HTML-документа. Просто добавьте в нужное место метку <А МАМЕ="фрагмент">, а затем в том же документе создайте гиперссылку, например такую:
<А HREF="#(J>parMeHT"> Ссылка на фрагмент файла </А>
Ниже приведен отрывок документа, демонстрирующий использование ссылки на фрагменты того же документа:
На этой странице вы найдете множество информации для путешествия по WWW
<Р> Вы можете:
<1Л> Узнать <А HREF="#anchorl"> историю WWW</A></LI> <А МАМЕ="апспоП"><Н2>История WWW </H2></A>
На рис. 6.14 и 6.15 изображена web-страница, содержащая оглавление, выполненное при помощи ссылок на фрагменты документа. Вы можете видеть страницу после перехода по ссылке.
6.5.5. Создание ссылок, указывающих на ресурсы Сети
Теперь можно перейти к ссылкам, которые указывают на HTMLдокументы и другие ресурсы удаленных систем. Чтобы создать такую ссылку, мы используем URL-адрес этого удаленного документа. Давайте вспомним первый URL-адрес, который мы обсуждали в главе «Использование URL-адресов при создании HTML-документов»: http://www.netscape.com/download/index.html Создать гиперссылку, содержащую URL-адрес, очень просто:
<А HREF="http://www.netscape.com/download/index.html"> Web-сайт компании Netscape </A>
Очевидно, все, что мы сделали, - это поместили URL-адрес в ту часть тега (справа от знака «=»), которая указывает на расположение данного ресурса. Фраза Страница фирмы Netscape будет выделена, и вы можете попасть на эту страницу простым щелчком мыши.
Точно так же вы можете создавать ссылки и на ресурсы других типов. Далее приведен другой пример - ссылка указывает на FTP-сервер с анонимным входом:
<А HREF="ftp://gatekeeper.dec.com/pub/"> ftp-сервер корпорации
DEC </A>
Ниже приведен исходный текст HTML-документа, содержащего ссылки на все ресурсы, URL-адреса которых упоминались в главе «Использование URL-адресов при создании HTML-документов». На рис. 6.16 изображен тот же документ, отображенный в web-браузере.
<НТМ1_>
<HEAD> <TITLE> Пример 7 </TITLE> </HEAD> <BODY>
<H2> URL-адреса различных ресурсов Интернета </Н2>
<Н4> <А HREF= "http://www.netscape.com/download/index.html"> http://www.netscape.com</A> - web-сайт компании Netscape. </H4> <H4> <A HREF= "ftp://gatekeeper.dec.com/pub"> ftp:// gatekeeper.dec.com/pub </A> - FTP-сервер корпорации DEC. </H4> <H4> <A HREF= "telnet://wudlab.sprl.umich.edu:3000"> telnet:// wudlab.sprl.umich.edu:3000 </A> - TelNet-сервер, находящийся в мичиганском университете. </Н4>
<Н4> <А HREF= "news:comp.infosystems.www.authoring.html"> news:comp.infosystems.www.authoring.html </А> - Группа новостей
UseNet.</H4>
<Н4> <А HREF= "mailto:webmaster@www.mycompany.com"> mailto:webmaster@www.yourcompany.com </А> - Ссылка на адрес е- mail.</H4>
<Н4> <А HREF= "file:///d:/develop/test.htm"> file:///d:/develop/ test.htm</A> - Этот файл находится на локальном компьютере.</Н4>
Рис 6.16. Ссылки на различные ресурсы Интернета, отображаемые браузером
</BODY> </HTML>
Как видно, все эти ссылки внешне выглядят совершенно одинаково. Обработка их браузером (до момента вызова соответствующей службы или загрузки файла) также производится по одним алгоритмам
6.6.Включение списков в HTML-документ
6.6.1.Какие бывают списки
Структурировать HTML-документ можно, не только разбивая текст на абзацы, но и включая различного рода списки. Это позволяет более наглядно отображать информацию и сделать текст более удобным для чтения. Их можно использовать для наглядного представления алгоритмов, групп объектов и другой информации, имеющей четкую структуру.
В языке HTML существует три основных вида списков:
* маркированные списки (в HTML их принято называть ненумерованными);
* последовательно пронумерованные списки; + списки словарного типа, или списки определений.
В языке HTML для создания каждого из этих списков используются свои теги.
6.6.2. Маркированные списки
Элементы маркированного списка выделяются путем добавления специальных символов списка (маркеров) или иных символов. Кроме того, строки списка автоматически выводятся с некоторым отступом от начала строки.
Начало и конец списка отмечаются тегами <UL> и </UL>. Все, что окажется между этими тегами, будет смещено относительно начала строки.
СОВЕТ----------------------------------------------------------------------------------------
-------
Если вы хотите выделить абзац, сместив его вправо, заключите его в теги <UL> и </UL>, но не используйте маркировку элементов списка. Вы получите сдвинутый абзац, но без характерных для списка маркеров.
Для указания места размещения маркеров (отметки строк списка) используется тег элемента списка <Ы>. Этот же тег используется для маркировки элементов пронумерованного списка. Ниже приведен фрагмент кода, содержащий теги ненумерованного списка:
<UL>
<LI> Первый элемент маркированного списка </LI> <LI> Второй элемент маркированного списка</1Л> <LI> Третий элемент маркированного списка</1_1>
</UL>
Использование тега </UL> после списка обязательно (без него весь оставшийся текст будет выводиться с отступом). Закрывающие теги </Ы> можно не использовать.
ВНИМАНИЕ -------------------------------------------------------------------------------
--------
В некоторых случаях отсутствие на месте закрывающего тега, который можно не использовать, приводит к непредсказуемым эффектам.
Тег списка <UL> может иметь параметр TYPE, определяющий форму маркера. Ниже (в табл. 6.4) приведены возможные значения этого параметра.
Таблица 6.4. Значения параметра TYPE тега <UL> Значение Комментарии SQUARE Маркеры отображаются в виде квадратов
DISC Маркеры имеют вид закрашенных кругов CIRCLE Маркеры имеют вид незакрашенных кругов
На рис. 6.17 изображен пример HTML-документа, содержащего маркированный список. Кроме традиционных элементов списка здесь
используется текст, размещенный внутри тега списка, но не являющийся его элементом. Такой текст (или любой другой объект) отображается с отступом.
Рис. 6.17. Пример использования маркированного списка
6.6.3. Нумерованные списки
Кроме маркированных списков, когда каждому элементу предшествует маркер, в HTML-документ можно включать и нумерованные списки. В отличие от маркированных списков элементы списков нумерованных выделяются не одинаковыми маркерами, а номерами. Номера устанавливаются автоматически.
Для организации нумерованного списка используется тег-контейнер <OL></OL>. Ниже приведен пример нумерованного списка:
<OL>
<LI> Первый элемент нумерованного списка </LI> <LI> Второй элемент нумерованного списка</1Л> <LI> Третий элемент нумерованного списка</1_1>
</OL>