Конспект лекцій з дисципліни

7.15. Внутрішні малюнки

Більшість Web browsers можуть показувати малюнки X Bitmap (XBM) або GIF формату разом із текстом.

Оскільки кожен малюнок займає багато часу на відображення на екрані (що уповільнює показ документа) те ми не рекомендуємо Вам включати дуже велику кількість або надмірно великі за розміром малюнки у Ваш HTML-документ.

Щоб включити малюнок, треба описати гіперпосилання на нього:

де image_URL - URL .gif або .xbm файлу, що містить малюнок. Таким чином, синтаксис посилання на малюнок аналогічний синтаксису гіперпосилання HREF.

Автоматично, малюнок вирівнюється по нижньому краю супроводжуючого його тексту, але Ви можете задавати взаємне розташування малюнка і тексту:

- це вирівнювання по нижньому краю (робиться browser за умовчанням).

- це вирівнювання по верхньому краю.

Форматування положення малюнка задається включенням в гіперпосилання пункту "ALIGN = ":

Також можливі типи вирівнювання:

ALIGN = MIDDL

ALIGN = CENTER

Якщо Browsers не підтримує малюнки?

Деякі WWW-browsers, (наприклад, використовувані на VT100-терміналах) не можуть показувати малюнки. Такі користувачі зможуть побачити тільки текст, заданий в пункті гіперпосилання "ALT = ". Супровідний текст повинен бути охоплений лапками. Наприклад:

В цьому випадку користувач lynx побачить тільки текст "logo.gif":

7.16. Зовнішні малюнки, звуки і мультиплікація

Якщо Ви не хочете, щоб малюнок уповільнював завантаження основного WWW-документа, Ви можете помістити малюнок в окремий документ, написавши на нього гіперпосилання. В цьому випадку користувач сам повинен вирішити - дивитися чи не дивитися йому цей малюнок:

<A HREF = image_URL>Тут</A> Ви можете побачити малюнок.

Тут Ви можете побачити малюнок.

7.17. Накладення різних стилів

Розглянемо наступний рядок HTML-документа:

<B> Це приклад <DFN> накладання стилів </B> в HTML-документі</DFN>

Слова "накладення стилів" визначені одночасно як <B> і <DFN>. Як реагуватимуть на це browser? Очевидно, що різні browser’и - по різному, і передбачити, яким насправді побачить Ваш текст користувач, не можна. Тому рекомендуємо Вам уникати такого накладення стилів.

7.17.1. Різні стилі усередині гіперпосилання

Можна використовувати гіперпосилання усередині рядка заданого стилю:

<H1><A HREF = " begth_r1.html "> Введення в HTML </A></H1>

Але не можна змінювати стиль усередині гіперпосилання:

<A HREF = " begth_r1.html "> <H1> Введення в HTML </H1> </A>

7.17.2. Помилкове посилання

Коли Ви описуєте посилання <IMG> на малюнок, якого не існує, він замінюється фіктивним зображенням. Перевірте, що малюнок існує, що в гіперпосиланні вказаний правильний, і що у користувачів є права на використання цього файлу.

Довший приклад

Розглянемо довший приклад HTML-документа:

<HEAD>

<TITLE> ; Більш довгий приклад</TITLE>

</HEAD>

<BODY>

<H1> Більш довгий приклад </H1>

Це простий HTML-документ. Це перший абзац. <P>

Це другий абзац, він демонструє деякі можливості HTML по виділенню слів.

Це слово написане <I> нахиленим </I> шрифтом. Це слово написане

<B>потовщеним</B> шрифтом.

Тут Ви можете побачити картинку:

Це третій абзац, він демонструє використання гіперпосилань.

Це гіперпосилання на файл minihtml.html, простий приклад HTML-документа, що містить:

<A HREF="minihtml.html">Приклад HTML-тексту</A>.<P>

<H2>Заголовок другого уровня</H2>

Подальший текст буде написаний шрифтом фіксованої ширини: <P>

<PRE> On the stiff twig up there Hunches а wet black rook Arranging and rearranging its feathers in the rain ...

</PRE>

Це ненумерований список, що складається з двох елементів: <P>

<UL>

<LI> смородина

<LI> чорниця

</UL>

Кінець документа. <P>

<ADDRESS> Elena G. Koroteyeva (lenka@srdlan.npi.msu.su) </ADDRESS>

</BODY>

Содержание