7.13. Переривання рядка
Використовуючи <BR> Ви можете перейти на новий рядок, не починаючи нового абзацу (у більшості browser абзаци виділяються додатковими порожніми рядками).
Наприклад:
Інститут Ядерної Фізики<BR>Московського Державного Університету <BR>
дасть на екрані:
Інститут Ядерної Фізики Московського Державного Університету
7.14. Горизонтальна лінія
Використовуючи <HR> Ви можете розділити текст горизонтальною межею:
Цей текст зверху від лінії.
Цей текст знизу від лінії.
7.15. Внутрішні малюнки
Більшість Web browsers можуть показувати малюнки X Bitmap (XBM) або GIF формату разом із текстом.
Оскільки кожен малюнок займає багато часу на відображення на екрані (що уповільнює показ документа) те ми не рекомендуємо Вам включати дуже велику кількість або надмірно великі за розміром малюнки у Ваш HTML-документ.
Щоб включити малюнок, треба описати гіперпосилання на нього:
<IMG SRC=image_URL>
де image_URL - URL .gif або .xbm файлу, що містить малюнок. Таким чином, синтаксис посилання на малюнок аналогічний синтаксису гіперпосилання HREF.
Автоматично, малюнок вирівнюється по нижньому краю супроводжуючого його тексту, але Ви можете задавати взаємне розташування малюнка і тексту:
-
це вирівнювання по нижньому краю
(робиться browser за умовчанням).
-
це вирівнювання по верхньому краю.
Форматування положення малюнка задається включенням в гіперпосилання пункту "ALIGN = ":
<IMG ALIGN=top SRC=image_URL>
Також можливі типи вирівнювання:
ALIGN = MIDDL
ALIGN = CENTER
Якщо Browsers не підтримує малюнки?
Деякі WWW-browsers, (наприклад, використовувані на VT100-терміналах) не можуть показувати малюнки. Такі користувачі зможуть побачити тільки текст, заданий в пункті гіперпосилання "ALT = ". Супровідний текст повинен бути охоплений лапками. Наприклад:
<IMG SRC="/pics/digest/LOGO.GIF" ALT = "logo.gif" >
В цьому випадку користувач 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> шрифтом.
Тут Ви можете побачити картинку:
<IMG SRC="/pics/digest/LOGO.GIF"><P>
Це третій абзац, він демонструє використання гіперпосилань.
Це гіперпосилання на файл 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>
Самостійна робота №10 – Проектування WEB-сторінок з використанням FrontPage
Створення нового Web-вузла та нових Web-сторінок . формування стилів виведення документа. Вставка таблиць, списків, закладок і гіперпосилань. Заповнення сторінки змісту. Створення фреймів. Публікація Web-вузла в Інтернет.[2, с. 591-628]
Питання для самоконтролю
-
Авторський стиль редагування розмітки HTML.
-
Адреси розмітки HTML.
-
Вкладені списки розмітки HTML.
-
Внутрішні малюнки розмітки HTML.
-
З’єднання з іншими документами, гіпертекстові посилання.
-
З’єднання з розділами поточного документа розмітки HTML.
-
Заголовки розділів документів розмітки HTML.
-
Зовнішні малюнки, звуки і мультиплікація розмітки HTML
-
Ненумеровані списки розмітки HTML.
-
Нумеровані списки розмітки HTML
-
Переривання строки розмітки HTML.
-
Різні стилі усередині гіперпосилання розмітки HTML.
-
Стилі: логічні, фізичні стилі розмітки HTML.
-
Форми розмітки HTML.
-
Цитати розмітки HTML.