ЛПР №17 Редагування з HTML-документів, що містять гіперпосилання на списки.
Теоретичний матеріал
Гіпертекстове посилання є фрагментом тексту документа й тому задається текстовим елементом, що визначається парним тегом <А>. Цей елемент містить обов'язковий атрибут HREF=. Після знаку рівності записують значення цього атрибута. Як значення атрибута використовується адреса URL документа (тобто адреса в Інтернеті), на який вказує посилання. Вона може вказувати на довільний документ, що розташовується на будь-якому загальнодоступному вузлі мережі (Web-вузол, архів FTP та інші). Наприклад, відкриваюче тег посилання може мати вигляд <А HREF="http:// www.uk. wikipedia.org/wiki.htm">.
Гіперпосилання можна використовувати для посилання на мультимедійні файли. Це зручно, тому що в цьому випадку не доводиться чекати завантаження мультимедійних файлів при роботі з даною сторінкою. Якщо ж потрібне інтегрування об'єктів мультимедиа в Webcторінку, використовують парний тег або нестандартний непарний тег , що теж підтримується найпоширенішими браузерами
Розглянемо приклади використання різних типів списків.
1. Маркований список, в якому для позначення елементів використовують коло
<HTML>
<TITLE>Райдуга</TITLE>
<BODY>
<BASEFONT SIZE=6>
<UL ТУРЕ=”сігсlе”>
<LI><FONT COLOR=”red”>Червоний</FONT></LI>
<LI><FONT COLOR=”orange”>Оранжевий</FONT></LI>
<LI><FONT COLOR=”yellow”>Жовтий</FONT></LI>
<LI><FONT C O L O R = “g r e e n“> З е л е н и й < / F O N T > < / L I >
<LI><FONT COLOR=”lightblue”>Блакитний</FONT></LI>
<LI><FONT COLOR=”blue”>Синій</FONT></LI>
<LI><FONT COLOR=”darkmagenta”>Фioлeтoвий</FONT></LI>
</UL>
</BODY>
</HTML>
2. Нумерований список, в якому для позначення елементів використовують малі римські цифри
<HTML>
<TITLE>Райдуга</TITLE>
<BODY>
<BASEFONT SIZE=6>
<OL TYPE=i>
<LI><FONT COLOR=”red”>Червоний</FONT></LI>
<LI><FONT COLOR=”orange”>Оранжевий</FONT></LI>
<LI><FONT COLOR=”yellow”>Жoвтий</FONT></LI>
<LI><FONT COLOR=”green”>Зелений</FONT></LI>
<LI><FONT COLOR=”lightblue”>Блакитний</FONT></LI>
<LI><FONT COLOR=”blue”>Синій</FONT></LI>
<LI><FONT COLOR=”darkmagenta”>Фіолетовий</FONT></LI>
</OL>
</BODY>
</HTML>
3. HTML-документ, в якому використовуються гіперпосилання та якорі
<HTML>
<HEAD>
<TITLE>Посилання та якорі</TITLE>
</HEAD>
<BODY>
Нові версії стандартних програм операційної системи та найважливіші драйвери можна знайти на веб-сайті компанії
<А HREF="http://www.microsoft.com/">Microsoft</A>.
<P>A тепер можна перейти на <А HREF="main.htm"> мою особисту сторінку</А>.
<Р>Про те, як зв'язатися з автором, розповідається в <А HREF="#olenap"> кінці цієї сторінки</А>
<BR><BR>
Можна використати матеріали, що розміщені
<А href="text.doc"> в цьому текстовому документі.</А>
<BR><BR>
<А NAME="olenap"
HREF="mailto:olena@zirka.Iviv.ua">01ena@zirka.lviv.ua</A>
</BODY>
</HTML>