Автор работы: Пользователь скрыл имя, 26 Февраля 2012 в 15:48, научная работа
Язык HTML в своем развитии прошел несколько версий. Заметим, что после версий 1.0 и 2.0 в марте 1995 года был подготовлен черновой вариант версии 3.0, в которой по сравнению с версией 2.0 было много добавлений. Не углубляясь пока в детали, отметим, что основные производители навигаторов (фирмы Netscape и Microsoft) разработали свои расширения языка HTML, которые оказались несовместимыми между собой. В настоящее время ситуация осталась прежней, хотя совместимость навигаторов Netscape Navigator версии 3.0 и Microsoft Internet Explorer версии 3.0 несколько улучшилась.
Ê К К Прописная E, диактрическое ударение
Ë Л Л Прописная E, умляут
Í Н Н Прописная I, сильное ударение
Ì М М Прописная I, тупое ударение
Î О О Прописная I, диактрическое ударение
Ï П П Прописная I, умляут
Ð Р Р Прописная Eth
Ñ С С Прописная N, тильда
Ó У У Прописная O, сильное ударение
Ò Т Т Прописная O, тупое ударение
Å У У Прописная A, звонкое произношение
Ô Ф Ф Прописная O, диактрическое ударение
Õ Х Х Прописная O, тильда
Ö Ц Ц Прописная O, умляут
Ø Ш Ш Прописная O, слэш
Ù Щ Щ Прописная U, тупое ударение
Ú Ъ Ъ Прописная U, сильное ударение
Ü Ь Ь Прописная U, умляут
Û Ы Ы Прописная U, диактрическое ударение
Ý Э Э Прописная Y, сильное ударение
Þ Ю Ю Прописная THORN
ß Я Я Строчная немецкая буква s с резким произношением
à а а Строчная a, тупое ударение
á б б Строчная a, сильное ударение
â в в Строчная a, диактрическое ударение
ã г г Строчная a, тильда
ä д д Строчная a, умляут
å е е Строчная a, звонкое произношение
æ ж ж Строчная ae, дифтонг
ç з з Строчная c, седиль
è и и Строчная e, тупое ударение
é й й Строчная e, сильное ударение
ê к к Строчная e, диактрическое ударение
ë л л Строчная e, умляут
í н н Строчная i, сильное ударение
ì м м Строчная i, тупое ударение
î о о Строчная i, диактрическое ударение
ï п п Строчная i, умляут
ð р р Строчная eth
ñ с с Строчная n, тильда
ò т т Строчная o, тупое ударение
ó у у Строчная o, сильное ударение
ô ф ф Строчная o, диактрическое ударение
õ х х Строчная o, тильда
ö ц ц Строчная o, умляут
ø ш ш Строчная o, слэш
ù щ щ Строчная u, тупое ударение
ú ъ ъ Строчная u, сильное ударение
ü ь ь Строчная u, умляут
û ы ы Строчная u, диактрическое ударение
ý э э Строчная y, сильное ударение
þ ю ю Строчная thorn
ÿ я я Строчная y, умляут
® ® ® Зарегистрированная марка TradeMark
© © © Права собственности Copyright
Неразделяющий пробел
В приведенном выше списке нет букв “Ч” и “ч”. Эти буквы имеют коды, соответственно, × и ÷.
1.11 Выделение параграфа горизонтальной линией
При оформлении страниц WWW часто используется такой прием, как разделение параграфов горизонтальной линией. И хотя горизонтальную линию можно сделать из символов дефиса, намного лучше использовать для этого средства языка HTML. Если вы вставили линию при помощи команды HTML, навигатор может отобразить ее в красивом трехмерном виде с тенями, в результате чего она будет выглядеть намного привлекательнее.
Для того чтобы включить в документ HTML горизонтальную разделительную линию, вы должны использовать оператор <HR…>. Этот оператор имеет ряд параметров, определяющих внешний вид линии:
Название параметра Описание
ALIGN Параметр ALIGN определяет выравнивание линии. Этот параметр может иметь одно из следующих значений: LEFT (по левой границе), CENTER (центрирование), RIGHT (по правой границе). По умолчанию линия центрируется
COLOR Цвет разделительной линии. Этот параметр работает только в навигаторе Microsoft Internet Explorer
NOSHADE Если указан этот параметр, линия изображается плоской, без трехмерного выделения тенями
SIZE Высота разделительной линии в пикселах
WIDTH Ширина линии. Может указываться либо в пикселах, либо в процентном отношении от ширины окна. Если используется второй способ, после числа, задающего значение параметра, должен находится символ процента %
В листинге 12. мы привели документ HTML, в котором имеются разделительные линии различного вида.
Листинг 12. Файл chap2\horzline.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Горизонтальная разделительная линия</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
Эта линия используется по умолчанию
<HR>
Линия без трехмерного выделения
<HR NOSHADE>
<P>Выравнивание по левой границе
<HR SIZE=8 WIDTH=50% ALIGN=LEFT COLOR=#FF0000>
<P>Выравнивание по правой границе
<HR SIZE=8 WIDTH=50% ALIGN=RIGHT COLOR=#FF0000>
<P>Центрирование
<HR SIZE=8 WIDTH=50% ALIGN=CENTER COLOR=#FF0000>
</BODY>
</HTML>
Первая разделительная линия задается оператором <HR> без параметров. Она выглядит как тонкая линия с трехмерным выделением тенями (рис.11).
Рис.11. Документ HTML, содержащий несколько разных разделительных линий
При размещении второй линии указан параметр NOSHADE, поэтому эта линия не имеет трехмерного выделения.
Далее в документе HTML размещены три линии, которые имеют высоту 8 пикселов, ширину, равную половине ширине окна навигатора, красный цвет и различный тип выравнивания по горизонтали.
Заметим, что параметр COLOR, определяющий цвет линии, работает только в навигаторе Microsoft Internet Explorer. Для пользователей навигатора Netscape Navigator все линии в приведенном выше документе HTML будут черного цвета.
Есть и еще один интересный момент, связанный с использованием параметра COLOR. Линии, для которых указан цвет, автоматически теряют трехмерное выделение в окне навигатора Microsoft Internet Explorer.
1.12 Организация списков
Списки встречаются в
документах очень часто. Обычно списки
бывают нумерованными и
Для создания списков в языке HTML определены операторы LI, UL, OL, MENU и DIR.
Неупорядоченные списки
Для создания неупорядоченного списка предназначен оператор <UL>, который используется в паре с оператором </UL>, закрывающем список. Каждая строка в списке отмечается оператором <LI>, как это показано ниже:
<UL>
<LI>Первая строка
<LI>Вторая строка
<LI>Третья строка
</UL>
Если документ со списком предназначен для просмотра навигатором Netscape Navigator, вы можете добавить в оператор <LI> параметр TYPE. Этот параметр определяет внешний вид символа, который используется для выделения строки в списке, и может иметь следующие значения:
Значение оператора TYPE Символ, который используется для выделения
DISK Круглая жирная точка
CIRCLE Окружность
SQUARE Маленький черный квадрат
К сожалению, навигатор Microsoft Internet Explorer игнорирует параметры команды LI, используя для выделения только жирную точку.
В листинге 13 мы привели исходный текст документа HTML, в котором есть два неупорядоченных списка. Первый из них обычный, а во втором для выделения каждой строки используются различные символы.
Листинг 13. Файл chap2\list.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Ненумерованные списки</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<UL>
<LI>Первая строка
<LI>Вторая строка
<LI>Третья строка
</UL>
<UL>
<LI TYPE=DISK>Первая строка
<LI TYPE=CIRCLE>Вторая строка
<LI TYPE=SQUARE>Третья строка
</UL>
</BODY>
</HTML>
Внешний вид этого документа при его просмотре в навигаторе Netscape Navigator показан на рис.12.
Рис.12. Использование неупорядоченных списков
Если просматривать этот документ в навигаторе Microsoft Internet Explorer, то нижний список не будет ничем отличаться от верхнего.
Для создания неупорядоченных списков вы также можете использовать вместо оператора <UL> оператор <MENU> (вместе с оператором </MENU>). Элементы таких списков должны состоять из одиночных строк (наподобие строк меню).
Списки, созданные оператором <MENU>, выглядят более компактно, чем списки, сделанные при помощи оператора <UL>.
Нумерованные списки
Для создания нумерованных списков предназначен оператор <OL>, который необходимо использовать вместе с оператором </OL>. Нумерованный список создается аналогично только что рассмотренному неупорядоченному списку. Каждая строка в списке должна быть отмечена оператором <LI>.
В операторе <OL> можно указывать перечисленные ниже параметры:
Параметр Описание
START Начальный номер для списка
TYPE Тип нумерации:
A заглавными буквами
a прописными буквами
I заглавными римскими цифрами
i прописными римскими цифрами
1 арабскими цифрами
COMPACT Список должен отображаться компактно с уменьшением расстояния между строками
В листинге 14 мы привели исходный текст документа HTML, содержащего два списка. Первый из них использует нумерацию арабскими цифрами, принятую по умолчанию. Для второго указана нумерация прописными буквами.
Листинг 14. Файл chap2\listol.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Нумерованные списки</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<OL>
<LI>Первая строка
<LI>Вторая строка
<LI>Третья строка
</OL>
<OL TYPE=a>
<LI>Первая строка
<LI>Вторая строка
<LI>Третья строка
</OL>
</BODY>
</HTML>
На рис. 13. мы привели исходный вид этого документа.
Рис.13. Нумерованные списки
Заметим, что если бы во втором списке был указан параметр START со значением, например, c, строки списка были бы пронумерованы символами c, d и e.
Список каталогов
С помощью команды <DIR> создают списки, состоящие из коротких строк, имеющих длину до 20 символов.
В листинге15 показан документ HTML, в котором присутствует список, созданный с помощью команды <DIR>.
Листинг 15. Файл chap2\listdir.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Ненумерованные списки</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<DIR>
<LI>Первый;<LI>второй;
<LI>третий;
<LI>четвертый;
<LI>пятый
</DIR>
</BODY>
</HTML>
На рис.14 мы показали внешний вид этого документа при его просмотре в окне навигатора Microsoft Internet Explorer.
Рис.14. Список, созданный с использованием оператора <DIR>
Список определений
Если вам нужно разместить в документе HTML список определений каких либо терминов, то вы можете воспользоваться для этого операторами <DL>, <DT> и <DD>.
Оператор <DL> совместно с оператором </DL> отмечает начало и конец списка определений. Оператором <DT> отмечается строка, содержащая определяемый термин, а оператором <DT> - определение термина.
В листинге 16 приведен исходный текст документа HTML, содержащий список определений:
Листинг 16. Файл chap2\listdef.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Ненумерованные списки</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<DL>
<DT><B>HTTP</B>
<DD>Протокол передачи гипертекста HyperText
Transfer Protocol, используется для работы с
серверами WWW
<DT><B>HTML</B>
<DD>Язык разметки гипертекста HyperText Mark-up Language,
обеспечивает возможность разметки гипертекста
для его размещения на сервере WWW
</DL>
</BODY>
</HTML>
В этом документе определяемые
термины для наглядности
Внешний вид получившегося списка определений показан на рис.15.
Рис.15. Список определений терминов
1.13 Бегущая строка
С помощью оператора <MARQUEE>, который используется в паре с оператором </MARQUEE>, можно разместить на экране бегущую строку, например:
<MARQUEE>Бегущая строка…
Бегущая строка может быть использована для привлечения внимания пользователя, однако не злоупотребляйте этой возможностью - неуместная бегущая строка может раздражать пользователя и он покинет вашу страницу, так и не прочитав на ней что-нибудь важное…
1.14 Оператор <META>
Оператор <META> обеспечивает для навигатора дополнительную информацию о документе HTML. С помощью этого оператора вы можете отменить кэширование документа, заставить навигатор выполнять загрузку документа HTML периодически с заданным интервалом времени. Можно сделать так, чтобы навигатор через заданное время после загрузки документа HTML автоматически загрузил другой документ HTML.
Рассмотрим параметры оператора <META>.
Параметр Описание
CONTENT
Содержимое дополнительной информации, которая связана с заданным именем или ответным заголовком протокола HTTP. Может использоваться вместе с параметром URL, для определения даты и времени, когда необходимо выполнить повторную загрузку документа HTML
CHARSET
Этот параметр определяет
набор символов, который используется
в данном документе HTML. Параметр CHARSET
указывается в составе
HTTP-EQUIV
Параметр HTTP-EQUIV выполняет привязку к ответному заголовку HTTP. Эта информация может использоваться различными навигаторами по-разному
NAME
Имя дополнительной информации
URL
Адрес URL документа HTML. Параметр
URL указывается в составе
Ниже я привел несколько примеров использования оператора <META>.
1.15 Отмена кэширования страницы
Посещенные навигатором страницы кэшируются на локальном диске или в сервере. Когда вы посещаете одну и ту же страницу несколько раз, по умолчанию она загружается в кэш только в первый раз, а затем для отображения читается из кэша. Кэширование ускоряет просмотр посещенных ранее страниц.
Однако в ряде случаев кэширование следует отменить. Это нужно сделать, например, если содержимое страницы изменяется динамически сервером (о создании динамических страниц мы расскажем в седьмой и восьмой главах нашей книги). Если такая страница будет кэшироваться, пользователь не заметит изменений.