ПОСИЛАННЯ

 

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

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

Посиланням на інші документи як частини нашої Web-сторінки може бути текст або малюнок.

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

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

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

<body text="#336699" bgcolor="#FFFFFF"

link="#339999" alink="#339999" vlink="#339999">

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

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

Посилачия на поштову скриньку записусгься за зразком:

<а href=mailto:lab3@hirup.km.ua> Lab3@hirup.km.ua - пишітъ листи </а>

Спробуйте в папці з головним документом створити додатковий HTML-файл з ім'ям prf.html i з довільним текстом. Наприклад, таким:

<html>

<head>

<title> друга сторінка </title>

</head>

<body text="#CCOOOO" bgcolor="#FFFFFF">

<img src="photo.jpg" align="left" HSPACE=30 VSPACE=5 ALT="моя фотокартка" WIDTH=80 HEIGHT=80>

<p align="justify">

На фотокартці я. Можемо стати друзями, якщо вам сподобалась мояособа.

<br>

<а href="mailto:Lab3@hirup.km.ua"> Lab3@hirup.km.ua - пишіть листи

</а>

</р>

</body>

</html>

У файл priklad5.html за допомогою редактора "Блокнот" додайте нові елементи i збережіть з новим ім'ям index.html:

<html>

<head>

<title> Мій перший крок </title>

</head>

<body text="#336699"bgcolor="#FFPFFF" link="#336699" alink="#336699" vlink="#336699" > <center>

<H3>Привіт, це моя перша сторшка</НЗ> <br>

<font color="cc0000"> <H1>Ласкаво просимо !</H1></font> </center>

<p align="justify">

<font size="+2"> Шановний колего! </font> Я вивчаю <font size="+l"> мову HTML,</font> щоб створити власну <i>домашню Web-сторінку </i> для спілкування з друзями i знайомими. Щоб вони могли<а href="prf.html"> подивитися мою фотокартку </а>, прочитати про мене, написати кілька рядків в мою книгу для гостей. </р>

</body>

</html>

Можна за допомогою броузера переглянути файл основного документа index.html, двічі клацнувши на його піктограмі.

Щоб перейти на додаткову Web-сторінку, досить встановити курсор на посилання "подивитися мою фотокартку" i клацнути.

Щоб повернутся на сторінку основного документа, треба на панелі інструментів броузера натиснути кнопку "Назад".