- •1. Як влаштований internet
- •1.1. Що таке мережа Internet
- •1.2. Сервери в мережі Internet
- •1.2.1. Сервери ftp
- •1.2.2. Сервери Gopher
- •1.2.3. Поштові сервери
- •1.2.4. Сервери новин
- •1.2.5. Сервери www
- •1.3. Як працює сервер www
- •1.3.1. З'єднання з сервером www
- •1.3.2. Сервер www
- •1.3.3. Статичні і динамічні документи html
- •1.3.4. Зв'язок сервера www з субд
- •1.3.5. Органи управління ActiveX
- •1.3.6. Що таке орган управління ActibeX?
- •1.3.7. Мови програмування Java, JavaScript і vbScript
- •2. Створення документів html
- •2.1. Перша сторінка html
- •2.2. Структура документа html
- •2.2.1. Заголовок документа
- •2.2.2. Тіло документа
- •2.2.3. Вирівнювання параграфів тексту
- •2.3. Шрифтовое виділення
- •2.3.1. Зміна розміру шрифту
- •Мал. 2.4. Зміна розміру шрифту
- •2.4. Колір в документах html
- •2.4.1. Позначення кольору
- •2.4.2. Зміна кольору фону документа html
- •2.4.3. Зміна кольору тексту
- •2.4.4. Колір в інших елементах документа html
- •2.5. Зміна зображення шрифту
- •2.5.1. Фізичне форматування символів
- •2.5.2. Логічне форматування символів
- •2.5.3. Вставка заздалегідь отформатированного тексту
- •2.5.4. Вказівка шрифту по його назві
- •2.5.5. Виділення параграфа горизонтальною лінією
- •2.6. Організація списків
- •2.6.1. Неврегульовані списки
- •2.6.2. Нумеровані списки
- •2.6.3. Список каталогів
- •2.6.4. Список визначень
- •2.7. Рядок, що Біжить
- •2.8.1. Скасування кэширования сторінки
- •2.8.2. Автоматичне перезавантаження документа
- •2.8.3. Автоматичне завантаження іншого документа
- •2.8.4. Включення додаткових заголовків http
- •2.8.5. Визначення набору символів
- •2.9. Таблиці стилів
- •2.9.1. Способи використання стилів
- •3. Таблиці в документах html
- •3.1. Найпростіша таблиця
- •3.2. Як змінити зовнішній вигляд таблиці
- •3.3. Приклади оформлення таблиць
- •3.3.1. Таблиці із заголовком
- •3.3.2. Об'єднання елементів таблиці
- •3.3.3. Багатошарові заголовки
- •3.3.4. Таблиці з підписом
- •3.3.5. Вирівнювання тексту в елементах таблиці
- •3.3.6. Таблиці всередині таблиць
- •4. Графіка, анімація, відео і звук
- •4.1. Розміщення графічних зображень
- •4.2. Як вибрати формат графічного файла
- •4.2.1. Формат jpeg
- •4.2.2. Формат gif
- •4.2.4. Який формат краще
- •4.3. Прозорі зображення
- •4.4. Підготовка черезстрочних зображень
- •4.4. Анімация
- •4.4.1. Редактор gif Construction Set
- •4.4.2. Редактор Microsoft gif Animator
- •4.4.3. Редактор PhotoImpact gif Animator
- •4.5. Відеофрагменти в документах html
- •4.6. Звук в документах html
- •5. Посилання у документах html
- •5.1. Універсальний ідентифікатор ресурсів url
- •5.2. Вставка посилання
- •5.2.1. Посилання на інші документи
- •5.2.2. Локальні посилання усередині документа
- •5.3. Використання графіки в посиланнях
- •5.3.1. Вставка графічного зображення в посилання
- •5.3.2. Сегментированная графіка
- •5.3.3. Додаток Map This!
- •5.4. Посилання на різноманітні ресурси Internet
- •6. ФреймИ
- •6.1. Структура документа з фреймами
- •6.2. Визначення параметрів фреймов
- •6.3. Приклад документа html із фреймами
- •6.4. Плаваючі фреймы
- •7. Додатки cgi
- •7.1. Створення форм
- •7.1.1. Опис форми
- •7.1.2. Створення органів керування для форми
- •7.1.3. Приклад документа html із формою
- •7.2. Передача даних програмі cgi
- •7.2.1. Метод get
- •7.2.2. Метод post
- •7.2.3. Що краще - get або post
- •7.3. Передача відповіді з програми cgi
- •7.4. Перемінне середовище для програми cgi
- •7.5. Приклади програм cgi
- •7.5.1. Програма cgihello
- •7.5.2. Програма controls
- •7.5.3. Програма aref
- •7.5.4. Програма counter
2.5.3. Вставка заздалегідь отформатированного тексту
Ще одна можливість оформлення символів, зручна, наприклад, для розміщення в документі лістинг програм, пов'язана з використанням команд <PRE> і </PRE>. Це команди називаються командами включення заздалегідь отформатированного тексту. Команда <PRE> має параметр WIDTH, який вказує максимальну кількість символів в одному рядку. За умовчанням значення цього параметра дорівнює 80.
Під форматуванням в цьому випадку розуміється підготовка тексту простим текстовим редактором з використанням шрифту з фіксованою шириною букв. У цьому значенні лістинг програм є отформатированными, внаслідок чого текст документа буде відображатися без відповідної обробки.
У лістинг 2.9 приведений початковий текст документа HTML, в якому використовується оператор <PLAINTEXT>:
Лістинг 2.9. Файл chap2\plain.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTO HTML 3.2//EN">
<HTML>
<HEAD>
<ТIТLЕ>Відключення інтерпретатора HTML</TITLE>
</HEAD> <BODY BGCOLOR=#FFFFFF>
<PLAINTEXT>Для виділення рядка символів червоним кольором ви можете використати наступну конструкцію мови HTML:
<I><FONT COLOR=RED>Рядок червоного кольору</PLAINTEXT>
</BODY>
</HTML>
Зовнішній вигляд цього документа при його перегляді у вікні навигатора Microsoft Internet Explorer показаний на мал. 2.9.
Навігатор Netscape Navigator покаже цей же документ неправильно, оскільки він не розуміє оператор <PLAINNTEXT>. Для того, щоб документ виглядав нормально в навигаторах Netscape Navigator Microsoft Internet Explorer, доведеться відмовитися від зручного оператора <PLAINNTEXT>, замінивши спеціальні символи < і > відповідно на рядки < і >, як це показане в лістинг 2.10.
МАЛ. 2.9. Демонстрація використання оператора <PLAINTEXT>
Лістинг 2.10. Файл chap2\plainl.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLЕ>Відключення інтерпретатора HTML</TITLE>
</НЕАD>
<BODY BGCOLOR=#FFFFFF>
<Р>Для виділення рядка символів червоним кольором
ви можете використати наступну конструкцію мови HTML:
<Р><FONT COLOR=RED> CTpoKa червоного кольору
</BODY>
</HTML>
2.5.4. Вказівка шрифту по його назві
Як говорилося, важко робити які-небудь припущення відносно шрифтів, встановлених в системі видаленого користувача. Проте, за допомогою параметра FACE оператора <FONT> можливо указати конкретні назви шрифтів, з використанням яких повинен відображатися текст.
У одному параметрі FACE можливо указати декілька назв шрифтів, виділивши ці назви комами:
<FONT FACE="Arial Cyr, Arial, Helv DL">Шрифт гельветика
Якщо в системі користувача встановлений шрифт Anal Cyr, то рядок "Шрифт гельветика" буде відображатися з використанням саме цього шрифту. У іншому випадку буде зроблена спроба відобразити рядок шрифтом Arial, а потім - Helv DL. Якщо виявиться, що в системі немає жодного з перерахованих шрифтів, рядок буде відображений тим шрифтом, який встановлений в навигаторе для використання за умовчанням. У документі HTML, початковий текст якого приведений в лістинг 2.11, использвано явна вказівка назви шрифту.
Лістинг 2.11. Файл chap2\font.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTO HTML 3.2//EN">
<TITLE>06разцы шрифтів</TITLE>
<HEAD>
<BODY BGCOLOR=WHITE>
<Р><FONT FACE="Arial Cyr, Arial, Helv DL">Шрифт гельветика
<Р><FONT FACE="Courier New Cyr, Courier New">Шрифт кур'єр
<Р><FONT FACE="Times New Roman Cyr, Times New Rоmап">Шрифт таймс
</ВОDУ>
</НТМL>
На мал. 2.10 показано, як цей документ виглядає при його перегляді у вікні навигатора Microsoft Internet Explorer.
МАЛ. 2.10. Вибір шрифту по його назві Вставка спеціальних символів і символьних об'єктів
У мові HTML визначені чотири спеціальних символи, призначених для службових цілей. Це символи <, >, & і ". Не можна вставляти спеціальні символи в звичайний текст, замість цього необхідно використати наступну заміну:
Будьте уважні, вставляючи в документ HTML лістинг програм, багату щойно перерахованими символами. Перед вставкою таких лістинг їх треба обробити, замінивши спеціальні символи, наприклад, в автоматичному режимі за допомогою текстового редактора.
При необхідності можливо вставити в документ HTML байт з довільним шістнадцятковим кодом. Для цього треба включити в текст послідовність символів введення &#ХХ, де XX - шістнадцяткове число в діапазоні від 0 до FF.
Символи, які не входять в таблицю ASCII, можуть бути представлені спеціальному вигляді - як символьні об'єкти (character entities). На жаль, деякі редактори документів HTML, наприклад ранні редактори Microsoft Internet Assistant for Microsoft Word і Microsoft Frontpage, представляють символи кирилиці саме таким чином, що істотно збільшує об'єм документів HTML.
Нижче приведений список символьних об'єктів. Користуючись цим списком, можливо, наприклад, скласти програму, яка послужить доповненням для редактора Microsoft Internet Assistant for Microsoft Word і буде виконувати зворотну заміну символьних об'єктів на символи кирилиці.
Об'єкт |
Символ кирилиці |
Латинський символ |
Опис латинського символа |
|
À |
А |
À |
Прописна А, тупий наголос |
|
Á |
БИ |
Á |
" А, сильний наголос |
|
&Acire; |
У |
 |
" А, диактрическое наголос |
|
à |
Г |
à |
" А тильда |
|
Ä |
Д |
Ä |
" А умлаут |
|
Å |
Е |
Å |
" А дзвінка вимова |
|
&Aeling; |
ЖЕ |
Æ |
Прописні АЕ, дифтонг |
|
Ç |
3 |
Ç |
Прописна З, седиль |
|
È |
І |
È |
" Е, тупий наголос |
|
É |
Й |
É |
" Е, сильний наголос |
|
Ê |
ДО |
Ê |
" Е, диактрическое наголос |
|
Ë |
Л |
Ë |
" Е, умлаут |
|
Í |
Н |
Ì |
" I, сильний наголос |
|
Ì |
М |
Í |
" I, тупий наголос |
|
Î |
ПРО |
Î |
Прописна I, диактрическое наголос |
|
Ï |
П |
Ï |
" I, умлаут |
|
Ð |
Р |
Ð |
Поєднання Eth |
|
Ñ |
З |
Ñ |
Прописна N, тильда |
|
Ó |
У |
Ó |
" 0, сильний наголос |
|
Ò |
Т |
Ò |
" 0, тупий наголос |
|
Å |
У |
Ó |
" А дзвінка вимова |
|
Ô |
Ф |
Ô |
" 0, диактрическое наголос |
|
Õ |
Х |
Õ |
" 0, тильда |
|
Ö |
Ц |
Ö |
" 0, умлаут |
|
&0slash; |
Ш |
Ø |
"0, слэш |
|
Ù |
Щ |
Ù |
" U, тупий наголос |
|
Ú |
' |
Ú |
" U, сильний наголос |
|
Ü |
Ь |
Ü |
" U, умлаут |
|
Û |
И |
Û |
" U, диактрическое наголос |
|
Ý |
Е |
Ý |
" Y, сильний наголос |
|
Þ |
Ю |
Þ |
Прописні THORN |
|
ß |
Я |
ß |
Мала німецька буква s з різкою вимовою |
|
à |
а |
à |
Рядкова а, тупий наголос |
|
á |
би |
á |
" а, сильний наголос |
|
â |
в |
â |
" а, диактрическое наголос |
|
ã |
г |
ã |
" а, тильда |
|
ä |
д |
ä |
" а, умлаут |
|
&anng; |
е |
å |
" а, дзвінка вимова |
|
æ |
же |
æ |
Рядкові ае, дифтонг |
|
ç |
з |
ç |
Рядкова з, седиль |
|
è |
і |
è |
" е, тупий наголос |
|
é |
й |
é |
" е, сильний наголос |
|
ê |
до |
ê |
" е, диактрическое наголос |
|
ë |
л |
ë |
" е, умлаут |
|
í |
н |
ì |
" i, сильний наголос |
|
ì |
м |
í |
" i, тупий наголос |
|
î |
про |
î |
" i, диактрическое наголос |
|
ï |
п |
ï |
" i, умлаут |
|
ð |
р |
ð |
Рядкові eth |
|
&ntude; |
з |
ñ |
" п, тильда |
|
ò |
т |
ò |
" про, тупий наголос |
|
ó |
у |
ó |
" про, сильний наголос |
|
&Оcirc; |
ф |
ô |
Рядкова про, диактрическое наголос |
|
«botilde; |
х |
õ |
" про, тильда |
|
ö |
ц |
ö |
" про, умлаут |
|
ø |
ш |
ø |
" про, слэш |
|
Ù |
щ |
ù |
" і, тупий наголос |
|
ú |
ъ |
ú |
" і, сильний наголос |
|
ü |
ь |
ü |
" і, умлаут |
|
û |
ы |
û |
" і, диактрическое наголос |
|
ý |
е |
ý |
" у, сильний наголос |
|
þ |
ю |
þ |
Рядкові thorn |
|
ÿ |
я |
ÿ |
Рядкова у, умлаут |
|
® |
® |
® |
Зареєстрована марка - TradeMark |
|
|
|
|
Неразделяющий пропуск |
|
У приведеному списку немає букв Ч і ч. Оні мають коди відповідно × і ÷.
