виділення
(Emphasis)
Використовується для виділення слова або фрази. В Netscape виводиться курсивом.
Як виглядає на дисплеї
Коли ви редагуєте HTML-документ, обов'язково збережіть текст у форматі ASCII.
сильне виділення
(Strong Emphasis)
Використовується для більш помітного виділення слова або фрази. В Netscape виводиться жирним шрифтом.
Як виглядає на дисплеї
Коли ви редагуєте HTML-документ, обов'язково збережіть текст у форматі ASCII.
Цитата
(Citation)
Використовується для виділення заголовків статей, назв книг і т. П. Згадуваних в тексті. В Netscape виводиться курсивом.
Як виглядає на дисплеї
Тлумачний словник по обчислювальним системам під редакцією В. Іллінгуорт дає таке тлумачення цього терміна:
комп'ютерний код
(Computer Code)
Використовується для лістингів комп'ютерних програм. В Netscape виводиться моноширінним шрифтом типу Кур'єр. Зверніть увагу, що для переходу на новий рядок необхідний прапор
. Слід зауважити, що листинги програм зручніше оформляти за допомогою попередньо відформатованого тексту (див. Стор. 99).
Як виглядає на дисплеї
Введення з клавіатури
(Keyboard Entry)
Використовується для виділення тексту, який читач повинен вводити з клавіатури. В Netscape виводиться моноширінним шрифтом типу Кур'єр. [103] Зверніть увагу, що для переходу на новий рядок необхідний прапор
.
Як виглядає на дисплеї
На запрошення DOS введіть наступну команду:
cd kermit
kermit
повідомлення комп'ютера
(Computer Output Sample)
Використовується для виділення зразків тексту, що виводиться на комп'ютерний дисплей. В Netscape виводиться моноширінним шрифтом типу Кур'єр.
Як виглядає на дисплеї
Після появи на екрані повідомлення
Hard Drive Parked
вимкніть комп'ютер з мережі.
імена змінних
(Variables)
Використовується для виділення змінних в прикладах комп'ютерних команд. В Netscape виводиться Кур'єром в курсивном зображенні.
Як виглядає на дисплеї
Введіть наступну команду:
type имя_файла
і натисніть клавішу Enter.
визначення
(Definition)
Використовується для виділення нового терміна, що зустрівся в тексті. Netscape 3.0 ігнорує цей прапор, Mosaic - виводить курсивом.
Як виглядає на дисплеї
Для автоматичної генерації класів в мові С ++ використовуються шаблони класів. звані також параметризрвані типами.
довга цитата
(Extended Quote)
Використовується для виділення довгою цитати з основного тексту. В Netscape виводиться на екран у вигляді текстового блоку з відступом від лівого краю. Зверніть увагу на те, що даний прапор викликає перехід на новий рядок.
Як виглядає на дисплеї
Йому несподівано пригадалася знаменита промова Лінкольна:
Століття тому наші предки заснували нову націю.
і він подумав, чи не взяти ці слова епіграфом до своєї книги.
Як виглядає на дисплеї
802 W.Ohio
Urbana
IL 61801
Включення зображення з графічного файлу
(Inline Image)
У HTML-документ можна включити зображення з графічних файлів у форматах GIF, JPEG і деяких інших. Кодування графічної інформації та формати графічних файлів ми вже розглянули раніше (стор. 56 і далі). Найбільш часто використовуваними в WWW є графічні формати GIF і JPEG.
Як виглядає на дисплеї
- графічний файл знаходиться на тому ж сервері і в тій же директорії, що і сам HTML-документ;
- графічний файл знаходиться на тому ж сервері, що і сам HTML-документ, але в іншій теці;
- графічний файл і HTML-документ знаходяться на різних серверах.
Якщо файл із зображенням знаходиться на тому ж сервері (або на тому ж локальному диску) і в тій же директорії, що і сам HTML-документ. то досить вказати тільки ім'я цього файлу.
dima / mailbox.gif. Тоді зображення з графічного файлу включається так:
Якщо графічний файл знаходиться на тому ж сервері (або те ж локальному диску), що і сам HTML-документ, але в іншій теці. вказується шлях до файлу. При цьому шлях до файлу може бути заданий або по відношенню до директорії з HTML-документом, або по відношенню до кореневої директорії. При завантаженні документа з WWW-сервера кореневої директорією вважається document root directory. яка, як ми вже говорили, задається при налаштуванні сервера. При завантаженні з локального диска кореневої буде вважатися коренева директорія в файлової системі. Імена директорій вказуються за правилами UNIX:
- підкаталоги розділяються не зворотною (\), як в DOS. а простий косою рисою (/);
- коса риска / на початку шляху до файлу означає відлік шляху до файлу від кореневої директорії. Відсутність такої риси означає відлік від директорії, в якій знаходиться проглядається HTML-файл;
- одна точка. означає поточну директорію, а дві точки .. - директорію одним рівнем ближче до кореневої.
Нехай URL документа -
а файлу із зображенням -
Тоді команда включення файлу може виглядати так:
Уявімо тепер, що в прикладі, наведеному вище, для включення графічного файлу в файл k9dict.html ми б використовували наступну команду:
При "пересадці" дерева взаємопов'язаних документів з одного сервера на інший абсолютні URL графічних файлів, що належать дереву, стають недійсними, а відносні - залишаються вірними.
dima / на інший сервер і / або в іншу директорію і / або локальний диск URL графічного файлу mailbox.gif зміниться. Внаслідок цього команда
стане неправильною і зажадає редагування, тоді як
як і раніше залишиться дійсною, оскільки розташування файлів один щодо одного при такому переміщенні залишиться колишнім.
Тоді команда включення буде такою:
Таким чином, ми бачимо, що чим ближче файлу з HTML-документом розташований графічний файл в WWW-просторі, тим менш докладно вказуються його координати.
Розташування зображень на WWW-сторінці
(Alignment)
За допомогою необов'язкового атрибута ALIGN прапора
1. ALIGN = bottom - нижня сторона зображення вирівнюється по базовій лінії наступного за ним тексту.
2. * ALIGN = absbottom - нижня сторона зображення вирівнюється по низу рядки наступного за ним тексту.
3. * ALIGN = absmiddle - горизонтальна лінія, що проходить через центр рядки наступного за малюнком тексту вирівнюється по центру зображення.
4. ALIGN = middle - базова лінія наступного за малюнком тексту вирівнюється по центру зображення.
5. ALIGN = top - зображення розташовується на одній лінії з найвищим об'єктом (текстом або малюнком) в рядку.
5 '. * ALIGN = texttop - зображення розташовується на одній лінії з найвищим символом тексту в рядку.
6. * ALIGN = left - зображення вирівнюється по лівому краю вікна, а наступний за ним текст обтікає його справа.
7. * ALIGN = right - зображення вирівнюється по правому краю вікна, а наступний за ним текст обтікає його зліва.
Як виглядає на дисплеї
Пр-р-Рівет! В даному випадку зображення не вирівняні.
Як виглядає на дисплеї
Пр-р-Рівет! Це зображення вирівняно по лівому краю сторінки. Зверніть увагу на те, як текст оточує малюнок.
Ширина і висота зображень
(Width and Height)
Як виглядає на дисплеї
Пр-р-Рівет! Зображення спотворене! Розмір оригіналу 185х216, а виведено 72х140.
Горизонтальний і вертикальний відступ
(Horizontal and Vertical Spaces)
Текст, впритул прилягає до зображення, виглядає негарно. Набагато краще, якщо між зображенням і оточуючим його текстом є деякий "зазор". Фірмою Netscape запропоновано розширення HTML, що дає таку можливість.
де nnn - величина зазору, виражена в пікселах.
Як виглядає на дисплеї
Пр-р-Рівет! Це зображення вирівняно по лівому краю, і, крім того, задані розміри вертикального і горизонтального відступів. Зверніть увагу на те, що текст, що оточує малюнок, тепер не прилягає до нього впритул.
альтернативний текст
(Alternate Text)
Як виглядає на дисплеї при відключеною завантаженні зображень
[German Shepherd] Пр-р-Рівет!
Гіперзв'язку в HTML-документах
(Hyperlinks)
де шлях_до_файлу - шлях до файлу зі зв'язаним документом, а URL - це Uniform Resource Locator пов'язаного документа. URL в гіперзв'язку записується за правилами, описаним в першій частині книги (стор. 11).
Як виглядає на дисплеї
Клацніть на пику - і ви прочитаєте десятку наших кращих анекдотів.
У цьому випадку досить вказати ім'я пов'язаного файлу.
У цьому випадку досить вказати відносне ім'я директорії і ім'я файлу.
Нехай HTML-документ знаходиться в директорії / usr / students / vasya / public_html. а пов'язані HTML-документи з іменами my_publications.html і resume.html - в директорії / usr / students / vasya / public_html / personal_info. Тоді гіперзв'язок кодується на HTML таким чином:
Гіперзв'язок з документом, що знаходяться в тій же файлової системи, з використанням протоколу file
Для гиперсвязей з документами тільки в межах даної локальної файлової системи можна скористатися спеціальним протоколом file.
Як видно з прикладу, ім'я дисковода позначається відповідною латинською літерою, за якою слід вертикальна риса | (А не двокрапка!). Відразу після двокрапки йдуть три косі риси поспіль, при цьому, сама права з них позначає кореневу директорію.
В цьому випадку потрібно вказати URL повністю за правилами, описаним раніше (див. Стор. 11).
Як виглядає на дисплеї
Курс CS302 Software Engineering. який веде професор Winslett, в значній мірі присвячений роботі над великими програмними проектами.
Як виглядає на дисплеї
На FTP-сервері в Computing and Communication Services Office в Університеті штату Іллінойс можна знайти масу корисних програм. Перш ніж туди забратися, прочитайте файл README.
Синтаксис гіперзв'язку з гофер-сервером схожий на синтаксис гіперзв'язку з WWW-сервером. Є можливість задати ім'я директорії і конкретного файлу на сервері. Якщо номер порту дорівнює 70, вказувати його не обов'язково.
Як виглядає на дисплеї
Загляньте в гості до Гофер в Computing and Communication Services Office в Університеті штату Іллінойс. Там є багато цікавого. Але перш ніж туди зайти, прочитайте Привітання.
Як виглядає на дисплеї
Дізнайтеся, які групи новин доступні на вашому сервері.
Як виглядає на дисплеї
Як виглядає на дисплеї
Гіперзв'язок з певним розділом HTML-документа
Найбільш часто гіперзв'язку такого роду використовуються при оформленні змістів документів і посилань на глосарій (див. Приклад нижче).
Нехай мішень знаходиться в файлі glossary.html. а якір гіперзв'язку - в файлі signal_processing.html. розташованому в тій же директорії, що і glossary.html
фрагмент файлаglossary.html
фрагмент файлаsignal_processing.html
Як якір виглядає на дисплеї (так як файли в даному прикладі вигадані, то гіперзв'язок зроблена всередині цієї сторінки)
Буфер був організований у вигляді структури даних first-in, first-out.
Як мішень виглядає на дисплеї
first-in, first-out Черга; структура даних першим увійшов - першим вийшов.
таблиці
(Tables)
Таблиця - це сукупність осередків (cells). кожна з яких займає задане число рядків (rows) і стовпців (columns). Таблиця може включати осередки двох видів: 1) осередки, містять підзаголовки частин таблиці (headers) і 2) "звичайні" осередки з даними (data cells). Осередки можуть містити як форматований відповідно до правил HTML текст, так і графіку. Таблиця може мати підпис (caption). У таблицях наведені прапори а атрибути, призначені для опису таблиць на HTML. [110]
Прапори для опису таблиць
Дана таблиця вимагає деяких пояснень.
Що ж стосується використання зображення для створення малюнка "шпалер", то таке зображення може завантажуватися з файлу в одному з графічних форматів, як про це вже йшлося вище (див. Розділи, присвячені включенню графіки в HTML-документи на стор. 65 і 109 ).
Нехай, наприклад, файл hatch.gif містить ось таке зображення:
символи <> і "в HTML зарезервовані для службових цілей (наприклад, символ <служит признаком начала флага). При необходимости использования какого-либо из этих четырех символов в тексте документа необходимо представлять его в виде определенного стандартом HTML сочетания символов (escape sequence, character entity) согласно таблице. В этой таблице также приведены сочетания ASCII-символов, которые можно использовать для кодирования символов, не входящих в таблицу ASCII. при написании HTML-документов на языках, использующих латинский алфавит.
* НП = Нерозривний пробіл (Nonbreaking Space) використовується в тих випадках, коли необхідно, щоб два сусідніх слова завжди виводилися на одному рядку.
** Символ з кодом nnn. де nnn -десятічное число.
Приклад кодування спеціальних символів
Як виглядає на дисплеї
В HTML включення зображення здійснюється за допомогою такої команди:
(C) D.N. Rassokhin, A.I. Lebedev