КАТЕГОРИИ:
АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Задание 2. Создайте гипертекстовый документ (Рисунок 23–26).
Создайте гипертекстовый документ (Рисунок 23–26).
Рисунок 23 – Первая сессия
Рисунок 24 – Инженерная графика
Рисунок 25 – Высшая математика
Рисунок 26 – Информатика
Для этого в своей папке создайте новую папку с именем «Гиперссылки». Скопируйте в нее рисунки 3.jpg, 4.jpg, 5.jpg (Рисунки с изображением циркуля, лекции, информатики). Создайте следующие документы и свяжите их гипертекстовой связью.
Документ start.html.
В качестве фона – желтый цвет; заголовок «Мой первая сессия» – черным цветом; горизонтальная линия произвольной ширины. Маркированный список: Инженерная графика, Высшая математика, Информатика. На каждый элемент списка – гиперссылка соответственно на документы mysl.html, mys2.html, mys3.html.
<html>
<head>
<title>гиперссылки</title>
</head>
<body bgcolor="yellow">
<h1 align="center">Моя первая сессия</h1>
<br>
<hr>
<br>
<ul>
<li><a href="mys1.html" target="b">Инженернаяграфика</A>
<li><a href="mys2.html" target="b">Высшаяматематика</A>
<li><a href="mys3.html" target="b">Информатика</A>
</ul>
</ body >
</ html >
Документ mysl.html.
В качестве фона — цвет lime; заголовок «Инженерная графика» — черным цветом; горизонтальная линия произвольной ширины. Картинка 3.jpg прижата к правому краю. Ширина и высота равны 250 пикселов. Текст с авторским форматированием: «Его я в комнату пустила и на диван сесть пригласила, сама я к шкафу подошла, но чертежей там не нашла.» Под горизонтальной линией текст «Вернуться назад», с гиперссылкой на документ start. html.
<html>
<head>
<title>гиперссылки</ title >
< body bgcolor="lime">
<h1 align="center">Инженерная графика</h1>
<br>
<hr>
<br>
<img src="3.jpg" align="right" width="250" heigh="250">
<pre><font size="+3" color="red"><b>
Его я в комнату пустила
и на диван сесть пригласила,
сама я к шкафу подошла,
но чертежей там не нашла.
</b></font></pre>
<hr size="7" width="50%" align="left">
<p>
<a href="start.html">Вернуться назад</a>
</p>
</body>
</html>
Документ mys2.html.
В качестве фона – цвет lime; рисунок – 4.jpg; текст: «Подогрела чайка чайник, Пригласила восемь чаек: "Приходите все на чай!" Сколько чаек, отвечай?». Под горизонтальной линией текст «Вернуться назад», с гиперссылкой на документ start.html.
Документ mys3.html создайте самостоятельно, по аналогии с предыдущими документами.
Дата добавления: 2014-12-30; просмотров: 283; Мы поможем в написании вашей работы!; Нарушение авторских прав |