- •1Правила побудови html-документів
- •1.1Мова html
- •1.2Історія розвитку html
- •1.3 Основні елементи мови htMl
- •1.4 Групи тегів html
- •1.5 Розділ head документа
- •Назва документа
- •1.6 Розділ документа body
- •2.Форматування тексту
- •2.1Теги рівня блоку і послідовні теги
- •2.2 Логічне та фізичне форматування
- •2.3 Теги логічного форматування
- •2.4 Теги фізичного форматування тексту
- •Мал. Використання вкладених тегів форматування тексту
- •Мал. 1.4. Отображение примера браузером Opera
- •Мал. 1.6. Призначення розмірів шрифтів
- •3.Форматування html-документа
- •3.1Поділ на абзаци
- •3.2Заголовки внутри html-документа
- •3.3 Горизонтальні лінії
- •Мал. 1.10. Так цитата виглядає у вікні браузера Opera
- •3.5 Спеціальні символи
- •4. Посилання на інші документи та файли
- •4.1 Організація посилань
- •4.2 Правила запису посилань
- •4.3Внутрішні посилання
- •4.4 Посилання на документи різних типів
- •5.Створня web-сайту
- •5.1 Початок створення web-сторінки
- •Створення шапки за допомогою html коду:
- •Висновок
- •Список використаних джерел
4.1 Організація посилань
Посилання складається з двох частин. Перша з них — це те, що ви бачите на Web-сторінці; вона називається вказівник посилання (anchor). Друга частина, яка дає інструкцію браузеру, називається адресною частиною посилання (URL-адресу). Коли ви клацаєте мишею за вказівником посилання, браузер завантажує документ, адресу якого дається URL-адресою. Нижче розглянуті правила побудови окремих елементів посилань. Покажчиком посилання може бути слово, група слів або зображення. Зовнішній вигляд посилання залежить від його типу, способів створення і установок програми перегляду читача. Покажчики бувають двох типів — текстові та графічні.
Текстові вказівники зазвичай являють собою слово або кілька слів, виділених на екрані підкресленням. Колір текстового вказівника може регулюватися автором і установками програми перегляду.
Наведемо приклад запису для текстового покажчика посилання:
<A HREF="example.html">цей текст є покажчиком посилання</А>
В якості посилання можна використовувати графічне зображення. За принципом дії графічні посилання нічим не відрізняються від текстових. Вони не підкреслюються і не виділяються кольором, а для їх виділення браузери зазвичай навколо такого зображення малюють рамку. Приклад графічного покажчика посилання: <A HREF="example.html"><IMG SRC="picture.gif""></A>
Більш детально про графічних покажчиках розповідається в главі 3. Спеціальні можливості створення зображень, фрагменти якого вказують на різні документи, що детально описано в розділі 6.
Другою частиною є посилання URL-адресу. Це не що інше, як адреса Web-сторінки, яка буде завантажена при клацанні мишею на покажчику. Вказівка адреси може бути відносним або абсолютним.
Якщо в URL-адресі не вказується повний шлях до файлу, то таке посилання називається відносної. У цьому разі визначення місцезнаходження файлів виконується з урахуванням місцезнаходження документа, в якому є таке посилання. Наприклад, якщо браузер завантажив сторінку, що знаходиться за адресою http://www.mysite.com/page, то відносний покажчик /picture передбачає адресhttp://www.mysite.com/page/picture, тобто підкаталог, розташований на тій же машині.
Примітка
Відносний покажчик працює по-іншому, якщо в HTML-документі використовується тег <BASE>. Нижче в даній главі показується, що в цьому випадку покажчик дає адресу щодо URL-адреси, визначеного в тезі <BASE>.
Відносні покажчики зручні у використанні. Набагато простіше вставити тільки ім'я файлу, а не весь довгий URL-адресу. Вони також дозволяють вам переміщати файли в межах вашого сервера без великих змін у межстраничной адресації.
URL-адреса, повністю визначає комп'ютер, каталог і файл, називається абсолютним. На відміну від відносних, абсолютні покажчики можуть посилатися на файли, розташовані на інших комп'ютерах.
4.2 Правила запису посилань
Для організації посилання необхідно повідомити браузеру, що є покажчиком посилання, а також вказати адресу документа, на який ви посилаєтеся. Обидві дії виконуються за допомогою тега <A>.
Тег <A>
Тег <A> має єдиний параметр HREF, значенням якого є URL-адреса. Вказівник може бути як відносних, так і абсолютних, наприклад, http://www.server.com/home/index.htm. Цей тег є контейнером, тому необхідно поставити закриваючий тег </А>:
<A HREF=URL>Текстовий покажчик посилання</А>
Покажчик посилання може бути відносним або абсолютним. Для полегшення роботи з відносними показниками посилань введений тег <BASE>. Він розташовується на початку документа в розділі HEAD і містить URL, щодо якого в документі побудована вся адресація. Це вказівка впливає на будь-тег документа, в якому використовується відносна адресація. Якщо тег <BASE> відсутня, то адресація будується щодо адреси поточного документа.
