практическая работа 6
реклама
ПРАКТИЧЕСКАЯ РАБОТА № 6 Создание гиперссылок Цель: научить осуществлять связь между страницами HTML. Задание № 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> Теперь сохраните код и откройте файл в браузере. Задание № 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> 1 </BODY> </HTML> Теперь сохраните код и откройте файл в браузере и ознакомьтесь с результатом. Задание № 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> Теперь сохраните код и откройте файл в браузере и ознакомьтесь с результатом. Задание № 4. Составление внутренних гиперссылок Запустите программу Блокнот и осуществите ввод следующего HTML кода: <HTML> <HEAD> <TITLE>Пример составления внутренних гиперссылок</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="#FFOOOO" VLINK="blue''> <FONT COLOR="gray" SIZE="6">Teги HTML </FONT> <HR CQLOR="#003366" WIDTH="90%" ALIGN="left"> 2 <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> Теперь сохраните код и откройте файл в браузере и ознакомьтесь с результатом. Задание № 5. Создание бегущей строки <HTML> <HEAD> <TITLE>Бегущая строка</TITLE> </HEAD> <BODY> <DIV ALIGN="center"><H2>Бегающие строки</H2></DIV> <MARQUEE>Бегущая строка по умолчанию</ MARQUEE> < MARQUEE DIRECTION="right">Бегущая строка слева направо</MARQUEE> <MARQUEE BEHAVIOR="ALTERNATE">Бегущая строка бегает от края к краю</MARQUEE> <MARQUEE SCROLLAMOUNT="10">Бегущая строка со скоростью 10</MARQUEE> <MARQUEE SCROLLAMOUNT="1">Бегущая строка со скоростью 1</MARQUEE> <MARQUEE DIRECTION="RIGHT" LOOP="2">Эта строка будет прокручиваться только два раза</MARQUEE> <MARQUEE BEHAVIOR="SLIDE">Бегущая строка с остановкой</MARQUEE> <MARQUEE BGCOLOR="#B40000">Бегущая строка с фоном</MARQUEE> <MARQUEE WIDTH=400>Бегущая строка с ограничением ширены прокрутки</MARQUEE> <MARQUEE DIRECTION="UP">Бегущая строка снизу вверх</MARQUEE> <MARQUEE HSPACE="300">Бегущая строка с отступами от границ</MARQUEE> </BODY> </HTML> 3
