- •Дополнительные задания Разработка веб-страниц
- •Формирование абзацев и заголовков
- •Устройство пк
- •Пеппи Длинный чулок
- •Работа со шрифтами
- •Создание списков
- •Вставка графики и мультимедиа
- •Гиперссылки Создание гиперссылок
- •Фреймы Создание фреймов
- •Создание гиперссылок с учетом фреймов
- •Создание таблиц
- •Создание сложных таблиц
- •Оформление таблиц
- •Формы Создание форм
Гиперссылки Создание гиперссылок
Задание 2
Создайте гипертекстовый документ (рис. 24-27).
Для этого в своей папке создайте новую папку с именем «Гиперссылки». Скопируйте в нее рисунки Fon.jpg, Tigr.gif, Horse.gif, slon.gif. (Рисунки с изображением слона, тигра, лошадки и любую фоновую картинку.) Создайте следующие документы и свяжите их гипертекстовой связью.
Документ Start.html.
В качестве фона — рисунок Fon. jpg; заголовок «Мой зоопарк» — синим цветом; горизонтальная линия произвольной ширины. Маркированный список: Тигр, Лошадь, Слон. На каждый элемент списка — гиперссылка соответственно на документы zool.html, zoo2.html, zoo3 . html.
<НТМЬхНЕАВхТ1ТЬЕ>Гиперссылки</Т1ТЬЕх /HEAD> <BODY background="fon.jpg"> <H1 align ="center">
<FONT со1ог="Ыие">Мой 3OOnapK</F0NTx/Hl> <HR>
<UL type="disc">
<LI><A href="zool.html">Тигр</А> <LIxA href ="zoo2 . html " >Лошадь</А>
<LIxA href = "zoo3 .html">Слон</А> </UL> </BODY></HTML>
Документ zool .html.
В качестве фона — цвет lime; заголовок «Тигр» — синим цветом; горизонтальная линия произвольной ширины. Картинка Tigr.gif прижата к правому краю. Ширина и высота равны 200 пикселов. Текст с авторским форматированием: «Не подходите близко. Я тигренок, а не киска!» Под горизонтальной линией текст «Вернуться назад», с гиперссылкой на документ start. html.
<HTMLxHEAD> <Т1ТЬЕ>Гиперссылки</Т1ТЬЕх/НЕАБ> <BODY bgcolor="lime">
<H1 align = " center "xFONT color="blue">Tnrp</FONTx/Hl>
<HR>
<IMG src="tigr.gif" align="right"> <PRExFONT size=" + 3" color="red"><B> He подходите близко. Я тигренок,
а не киска!</Bx/FONTx/PRE> <HR size="7" width="50%" align="left"> <P>
<A href =" start .html" >Вернуться назад</Ах/Р> </BODYx/HTML>
Документ zoo2 . html.
В качестве фона — цвет teal; рисунок — Horse.gif; текст: «Я люблю свою лошадку. Причешу ей шерстку гладко. Гребешком приглажу хвостик и верхом поеду в гости». Под горизонтальной линией текст «Вернуться назад», с гиперссылкой на документ start. html.
Документ zoo3 .html создайте самостоятельно, по аналогии с предыдущими документами.
• Задание 3
Измените документы zool. html, zoo2 . html, zoo3 . html, сделав якорем гиперссылки не текст, а картинки.
<А href="start.html">
<IMG src="tigr.gif" align="right" title="вернуться назад"х/А>• Задание 4
|
|
|
: » | |
о - о а 1*4 р«- |
|
|
|
СТИХИ ДЕТЯМ
что такое ХОРОНЮ и что такое ПЛОХО?
Крошка сын
к отцу привел, И спросила кроха: - Что такое
хорошо
к что таков
ПЛОХО? -
На основе стихотворения В. В. Маяковского «Что такое хорошо и что такое плохо?» создайте гипертекстовый документ. Создайте ссылки на слова «ХОРОШО» и «ПЛОХО» (рис. 28-32). Вставьте рисунки. Сохраните документ под именем lndex.html.
Крошка сын
к отцу пришел, И спросила кроха: - Что такое
хорошо
и что такое
плохо? -
У меня
секретов нет,-слушайте, детишки,-папы этого
ответ
D_
помещаю
в книжке. Рис.28
- Если ветер
крыши рвет,
если
град загрохал,-каждый знает -
это вот
для прогулок плохо.
Дождь покапал
и прошел.
Солнце
в целом свете.
Это -
очень хорошо
и большим
и детям.
Если
"Г" если
град загрохал,-каждый знает -
это вот
для прогулок плохо.
Дождь покапал
и провел.
Солнце
в целом авете.
Это -
очень хорово и больший
и детям.
й_
Рис. 29
А
чернее ночи, грязь лежит
на рожице,-
ясно, это
плохо очень для ребячьей кожицы. Если
мальчик
любит мыло и зубной порошок, этот мальчик
очень милый, поступает хорошо. От вороны карапуз
Убежал, заохав. Мальчик этот
просто трус.
Это очень
плохо.
Этот,
хоть и сам с вершок, Спорит
с грозной птицей. Храбрый мальчик,
хорошо,
В жизни
пригодится.
Мальчик
радостный пошел, И решила кроха: "Буду
делать хорошо, И не буду -
плохо".
1925 г.
гряаь лежит
на рожице,-
«оно, •то
ПЛОХО очень для ребячьей кожицы.
Если
мальчик
любит капо и эубном порожок, этот мальчик
очень милый, поступает хороао.
Рис. 30
от вороны каралуа Убежал
J ^
Рис.31
|
|
|
|
|
|
|
|
|
Мальчик |
|
|
И решила кроха: "Буду .• делать хорошо И не Оуду - |
|
|
аш |
|
|
|
|
J il |
«1 II! |
|
4 |
Рис.