Студопедия

КАТЕГОРИИ:

АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника


Задание 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; просмотров: 210; Мы поможем в написании вашей работы!; Нарушение авторских прав





lektsii.com - Лекции.Ком - 2014-2024 год. (0.006 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав
Главная страница Случайная страница Контакты