- •Html-формат
- •Робота з тегами.
- •Як працюють браузери
- •Визначення html-файлу.
- •Визначення заголовка.
- •Завдання розміру символів
- •Використання стилів заголовка
- •Гарнітура і колір шрифту.
- •Запис кольору у форматі rgb
- •Атрибути зображення
- •Посилання в межах одного документа
- •Як підготувати гарну Web-сторінку
- •Тестування
- •Висновок
Посилання в межах одного документа
Такі посилання вимагають наявності двох частин: мітки і самого посилання. Мітка визначає крапку, на яку відбувається перехід по посиланню. Посилання використовує ім'я мітки. Посилання виділяються кольором або підкресленням, у залежності від того, як побудований браузер. Для зміни кольору посилання використовуються атрибути LINK= і VLINK= тега <BODY>.
Опишемо посилання:
<A HREF="#ПН">Понеділок</А>
Перед ім'ям мітки (ПН), що вказує, куди треба переходити по посиланню, ставиться символ #. Між символами “>” і “<” розташовується текст (“Понеділок”), на якому повинний бути зроблений щиглик для переходу по посиланню.
Визначимо мітку:
<A NAME="ПН">Понеділок</А>
1.Доповніть файл 5.НТМ описом таблиці, що містить назви днів тижня, помістивши його в початок Web-сторінки:
...
<TABLE WIDTH=100%>
<TR>
<TD>Понеділок</TD>
<ТD>Вівторок</ТD>
<TD>Середа</ТD>
<TD>Четвер</TD>
<TD>П'ятниця</TD>
<TD>Cyбота</TD>
</TR>
</TABLE>
<BR>
...
2.Вставте у файл 5.НТМ мітку, що вказує на понеділок:
...
<FONT COLOR="BLUE" SIZE="4" FACE="COURIER"><B>
<A NAME="ПН">Понеділок</A></B></FONT><BR>
...
3. Вставте в таблицю з назвами днів тижня посилання для обраної мітки:
<TABLE WIDTH=100%>
<TR >
<TD> <A HREF= #ПН ">Понеділок</А> </TD>
<TD>Вівторок</TD>
...
4. Збережіть файл.
5. Перегляньте отриману Web-сторінку.
Завдання 15. Створення посилання на інший HTML-документ. (1)
Посилання дозволяють щигликом на виділеному слові або фразі перейти до іншого файлу.
Опишемо посилання:
<А HREF="5.HTM">5 клас</А>
Після імені файлу (5.НТМ), між символами “>” і “<” розташовується текст (“5 клас”), на якому повинний бути зроблений щиглик для переходу до цього файлу.
1. Завантажте в браузер файл RASP.HTM.
2. Внесіть зміни у файл:
<HTML>
<HEAD>
<TITLE>Навчальний файл HTML</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#330066">
<P ALIGN=CENTER>
<FONT COLOR= "#008080" SIZE="7">
<B>Розклад</B></FONT><BR>
<FONT SIZE="6"> <I>занять на вівторок</I>
</FONT><BR><BR>
<IMG SRC="NEG_ANI.GIF">
</P>
<CENTER>
<TABLE WIDTH=60%>
<TR><TD><A HREF="5.HTM">5клас</А></TD>
<TD>6 клас</TD> </TR>
<TR><TD>7 клас</TD>
<TD>8 клас</TD> </TR>
<TR><TD>9 Клас</TD><TD>10 Клас</TD>
</TR>
<TR><TD>11клас</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
3. Збережіть файл.
4. Перегляньте отриману Web-сторінку.
Завдання 16. Створення посилання на інший HTML-документ (2)
1. Внесіть зміни у файл 5.НТМ так, щоб наприкінці сторінки було посилання на головну сторінку Розклад занять 5 класів (файл RASP.HTM). Як посилання використовуйте графічний файл у такий спосіб:
...
</TR>
</TABLE><BR>
<CENTER>
<А HREF="RASP.HTM"><IMG SRC="HOME.GIF"
BORDER="0"></A>
</CENTER>
</BODY>
</HTML>
2. Перегляньте отриману Web-сторінку.
Як посилання виступає малюнок (стрілка, спрямоване вправо і нагору), що знаходиться у файлі HOME.GIF.
Завдання 17. Самостійне підсумкове завдання.
Розробіть Web-сторінки, що розповідають про ваш клас. На головній сторінці помістіть розповідь про клас, класного керівника. Розповідь про учнів розмістіть на окремих Web-сторінках. Вкажіть посилання на сторінки учнів з головної сторінки. Не забудьте установити посилання повернення з Web-сторінок учнів на головну сторінку.