Задание № 1. Простейшей гиперссылки
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<HEAD>
<TITLE>Пример простейшей гиперссылки</TITLE>
</HEAD>
<BODY BGCOLOR="WFFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="#FFOOOO" VLINK="blue">
<FONT COLOR="gray" SIZE="6"> Adobe Photoshop </FONT>
<HR COLOR="#003366" WIDTH="90%" ALIGN="left">
<P> <FONT FACE="Tahoma", "Verdana" SIZE="4"> Одним из наиболее популярных и распространенных графических редакторов считается программа для работы с растровой графикой Adobe Photoshop, разработанная корпорацией <AHREF="http://www.adobe.com"><B>Adobe Systems </В></А>. На сегодняшний день доступна версия программы 7.0 </FONT> </Р>
</BODY>
</HTML>
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере. Результатом должно послужить следующее:
Задание № 2. Гиперссылки с использованием графики в качестве указателя
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<HEAD>
<TITLE>Пример гиперссылки с использованием графики в качестве указателя</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="#FFOOOO" VLINK="blue">
<P ALIGN="CENTER">
<A HREF="http://www.adobe.com/">
<IMG SRC="http://www.adobe.com/images/adobe.gif" WIDTH="24" HEIGHT="31" ALT="Adobe Systems" BORDER="0"> </A>
</P>
</BODY>
</HTML>
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и ознакомьтесь с результатом.
Задание № 3. Гиперссылки с использованием в качестве указателя и текста, и графики
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<HEAD>
<TITLE>Пример гиперссылки с использованием в качестве указателя и текста, и графики </TITLE>
</HEAD>
<BODY BGCOLOR="WFFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="#FFOOOO” VLINK=''blue">
<FONT COLOR="gray" SIZE="6"> Adobe Photoshop </FONT>
<HR COLOR="#003366" WIDTH="90%" ALIGN="left">
<P>
<FONT FACE="Tahoma", "Verdana" SIZE="4"> Одним из наиболее популярных и распространенных графических редакторов считается программа для работы с растровой графикой Adobe Photoshop, разработанная корпорацией
<А HREF="http://www.adobe.com/">
<IMG SRC="http://www.adobe.com/images/adobe.gif" WIDTH="24" HEIGHT="31" ALT="Adobe Systems" BORDER="0"> <B>Adobe Systems</B> </A>.
</FONT>
</P>
</BODY>
</HTML>
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и ознакомьтесь с результатом.
Задание № 4. Составление внутренних гиперссылок
Запустите программу Блокнот и осуществите ввод следующего HTML кода:
<HTML>
<HEAD>
<TITLE>Пример составления внутренних гиперссылок</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="#FFOOOO" VLINK="blue''>
<FONT COLOR="gray" SIZE="6">Tern HTML </FONT>
<HR CQLOR="#003366" WIDTH="90%" ALIGN="left">
<P> <A HREF="#font">FONT</A> </P>
<P> <A HREF="#span">SPAN</A> </P>
<P> <A HREF="#table">TABLE</A> </P>
<HR ALIGN="center" WIDTH="95%" NOSHADE>
<P ALIGN="JUSTIFY">
<A NAME="font"> </A>
FONT – один из основных тегов физического форматирования текста, отображающий свойства шрифтов.
</BODY>
</HTML>
Теперь сохраните код под любым именем, не забыв присвоить файлу расширение html или htm. Откройте файл в браузере и ознакомьтесь с результатом.
Задание на самоподготовку
1. Проработать последовательность операций по технике осуществления гиперссылок.
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
_________________________
ЛАБОРАТОРНАЯ РАБОТА № 5