наступний результат:
Вставка ілюстрацій
У HTML-сторінку можна вставити графічний файл, що зберігається окремо. Спосіб підготовки файлу некритичний - можна відсканувати зображення, намалювати його будь-яким графічним редактором, зберегти образ екрану монітора спеціальною програмою-граббером і т.д. Допустимі формати файлів (від них залежить розширення в імені) визначаються браузером. Найбільш рекомендовані формати JPG (для напівтонових зображень) і GIF (для штрихових), підтримувані всіма браузерами. Форматами BMP і PCX краще не користуватися - браузери їх не люблять (видно тільки в Explorer'е).
Для вставки картинки в конкретне місце сторінки використовується вказівка ??
lt; IMG SRC= ім'я файлу gt;
Тут ми вперше стикаємося з елементом мови, в якому ключове слово після знака lt; задає тільки вид елемента, а деталізація вказана іншими ключовими словами, відокремленими від першого та наступних пробілами. (Тут тільки 2 слова, але їх буває і більше).
Картинка вставляється саме там, де вона вказана, і зазвичай зміщена вліво. Але ніщо не заважає її відцентрувати. Не забувайте тільки вказати перехід на новий рядок відразу за нею.
розгляд елементів мови достатньо для створення повноцінних сторінок, тому опис інших елементів оформлення відкладемо, а займемося способами переходу з однієї сторінки на іншу lt; ../ AppData/Local/Temp/HZ $ D.393.052/HZ $ D.393.053/ch2_3.htmgt;.
2.3 Посилання
Найпростіший перехід - повернення на попередню сторінку - не вимагає ніяких вказівок на самій сторінці, а виконується засобами браузера. Перехід же на будь-яку сторінку за бажанням автора можливий, якщо в явному вигляді задати, куди треба перейти. Для цього служить конструкція
lt; A HREF=ім'я файлу gt;
відображається інформація
lt;/A gt;
Дужки lt; A HREF gt;- Lt;/A gt; задають початок і кінець посилання. Після ключового слова HREF вказано ім'я файлу, який буде відображений у разі натискання мишею ... куди? На текст, укладений між дужками. Саме цей текст виділяється кольором та підкресленням в браузері.
Між дужками можна поставити не тільки текст, а й картинку. Тоді всередині дужок lt; A HREF gt;- Lt;/A gt; з'являться вказівка ??на картинку lt; IMG gt ;. Підкреслення і виділення кольором тут навряд чи буде виглядати добре, тому браузер зазвичай обмежується блакитний рамкою навколо малюнка. Зовсім без виділення погано - важко зрозуміти, що це посилання.
2.4 Розширений приклад
Для ілюстрації усього викладеного в цьому розділі повернемося до наведеного у введенні lt; ../ AppData/Local/Temp/HZ $ D.393.052/HZ $ D.393.053/intro.htm gt; прикладу.
Назвемо для визначеності 4 файлу, що містять 4 сторінки, іменами
p1.htm .htm .htm
p4.htm
(О розширеннях для файлів HTML раніше мова не заходила. Найкраще мати розширення .html, але оскільки в MS DOS довжина розширення обмежена трьома символами, можна обійтися значенням .htm, тим більше що браузери не заперечують проти цього.)
Далі наведені повні тексти цих сторінок.
Файл p1.htm:
lt; HTML gt;
lt; BODY gt;
lt; p gt; Сторінка 1
lt; P gt; Текст сторінки ...
lt; P gt; lt; A HREF=»p2.htm» gt; Посилання на сторінку 2 lt;/A gt;
lt; P gt; lt; A HREF=»p3.htm» gt; Посилання на сторінку 3 lt;/a gt;
lt; P gt; lt; A HREF=»p4.htm» gt; Посилання на сторінку 4 lt;/A gt;
lt;/BODY gt;
lt;/HTML gt;
Файл p2.htm:
lt; HTML gt;
lt; BODY gt;
lt; P gt; Сторінка 2
lt; P gt; Текст сторінки ...
lt; P gt; lt; A HREF=»p3.htm» gt; Посилання на сторінку 3 lt;/A gt;
lt; P gt; lt; A HREF=»p1.htm» gt; Назад на сторінку 1 lt;/A gt;
lt;/BODY gt;
lt;/HTML gt;
Файл p3.htm:
lt; HTML gt;
lt; BODY gt;
lt; P gt; Сторінка 3
lt; P gt; Текст сторінки ...
lt; P gt; lt; A HREF=»p4.htm» gt; Посилання на сторінку 4 lt;/a gt;
lt; P gt; lt; A HREF=»p1.htm» gt; Назад на сторінку 1 lt;/a gt;
...
