Зовнішні посиланн

Web-сторінка може складатися із кількох документів. Один з них головний, який зазвичай називають index.htm або main.htm - він відкривається першим і повинен обов'язково бути на вашому сайті в Internet.

Інші документи можна називати за бажанням (наприклад, photos.htm, about_me.htm, my_pets.htm, friends.htm, gh516hgd.htm). Бажано, щоб вони знаходились в одній папці з HTML-документом.

Гіперпосиланням на інші документи можуть бути як текст так і зображення.

Нехай в тій же папці з головним документом index.htm створено новий текстовий документ (наприклад, з ім'ям prf.htm). Зміст документа може бути довільним, наприклад – містити вашу фотокартку. В цьому випадку в основному документі текст "подивитися мою фотокартку" можна зробити гіперпосиланням. Тег посилання на цей документ буде виглядати так:

<а href="prf.html"> подивитися мою фотокартку </а>

Щоб встановити колір посилання, треба доповнити вже відомий тег <body> новими параметрами:

<body text="#336699" bgcolor="#FFFFFF" link="339999" alink="#339999" vlink="#339999">,

де link - колір посилання, яке не було відвідане, alink - колір активного посилання, vlink - колір посилання, яке відвідували.

Тут кольори всі однакові, але вони повинні бути й різними.

Посилання на електронну адресу записується за зразком:

<а href=mailto:teacher@edu.ua> teacher@edu.ua – пишіть листи </а>

Внутрішні посилання

Посилання в середині документу відбувається у два етапи. Спочатку необхідно надати ім’я тій частині документу (тексту, зображенні), на яку необхідно перейти:

<a name="my_m">текст</a>,

де параметр name для слова „текст” задає ім’я my_m.

Щоб створити посилання на цю частину тексту необхідно використовувати той самий тег, що й при звичайному посиланні, тільки замість імені іншого документу в ньому має бути вказане ім’я #my_m з обов’язковим написанням перед ним знаку „#”:

<a href="#my_m">текст посилання</a>

Завдання: Створити галерею учнів 9 класів.

Створити папку на робочому столі під назвою ГАЛЕРЯ
В новоствореній папці створити 4 html-документи з наступною структурою:

<html>

<head><title></title></head>

<body>

</body>

</html>

Перший html-документ назвати index.htm – він буде головною сторінкою.
Інші html-документи назвати відповідно: 9aclass.htm, 9bclass.htm, 9vclass.htm.
В папці ГАЛЕРЕЯ створити папку img – тут будуть розміщуватись малюнки, які будуть вставлені у веб-сторінку.
За допомогою редактору Paint створити малюнки учнів однакового розміру (розміри малюнків встановити наступні: 128х128 за допомогою команди меню Рисунок-Атрибуты). Всі малюнки зберегти з розширенням .GIF у папці img.