2015-01-30
1701
Запустите программу Блокнот и осуществите ввод следующего 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="https://www.adobe.com/">
<IMG SRC="https://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
Встраивание изображений в HTML-документы
Цель: научить встраивать в HTML-документы графические изображения.
Время выполнения: два академических часа.
Форма занятия: лабораторная работа.
