Лабораторная № 5

<html>

<head>

<title>15.10.12</title>

</head>

<body>

<!-- 1 Ссылка -->

<a href="lab5foto.html">мои фотографии</a>

<br/>

<!-- Ссылка 2 -->

<a href="lab5foto.html"title="Ваша подсказка">мои фотографии с подсказкой</a>

<br/>

<!--2 Ссылка на ваш почтовый ящик-->

<a href="mailto:pochta@mail.ru">pochta@mail.ru </a>

<br/>

<a href="mailto:pochta@mail.ru?subject=Hello&Body=text&cc=copy@mail.ru& bcc=hiddencopy@mail.ru">мыло pochta@mail.ru </a>

<br/>

<!--3 ссылкой может быть и картинка-->

<a href="lab5foto.html"title="подсказка - мои фотографии"><img src= "lab4_ images/list.gif"/></a.

<br/>

<a href="mailto:pochta@mail.ru"><img src="lab4_images/majak.jpg"/></a>

<br/>

<a href="lab5foto.html"title="подсказка-мои фотографии "border= "3'bordercolor="#CC0000">

<img src="lab4_images/list.gif"/>Цвет рамки</a>

<br/>

<a href="http://www.melody.ru/music.mp3">скачать песню</a>

<br/>

<br/>

<a href="lab4_images/Nikon.jpeg"><img src="lab4_images/sea.jpg"/></a>

<br/>

<a href="lab4_images/Nikon.jpeg"target="_blank"><img src= "lab4_ images/sea.jpg"/></a>

<br/>

<!-- 4 создание закладки в странице -->

<h2><a name="glava1">Глава 1</a></h2>

<p>Эта глава объясняет>Глава 1</p>

<h2><a name="glava2">Глава 2</a></h2>

<p>Эта глава объясняет Глава </p>

<h2>Глава 3</h2>

<p> <a name="glava3">Эта глава обьясняет Глава 3 </a></p>

<p><a href="#glava1">См.Также Главу 1.</a></p>

</body>

</html>

Результат

Лабораторная № 6

<html>

<head>

<title>12.11.12.</title>

</head>

<body>

<!-- Отсчёт ведётся от левого верхнего угла картинки, считайте его началом координат(0;0) -->

<map name="karta1">

<area href="http://www.tstu.tver.tu" shape="rect" coords="25, 36, 114,98" />

<area href="http://www.tversociology.ru" shape="rect" coords="153,11,219,217" />

</map>

<!-- -->

<!-- Для того, чтобы связать карту с картинкой, надо использовать атрибут usemap -->

<img src="lab4_images/Nikon.jpeg" usemap="#karta1" />

<hr />

<!-- Для создания круглой области нужны координаты её центра (x и y) и длина радиуса(R) в пикселях -->

<img src="lab4_images/Nikon.jpeg" usemap="#karta2">

<!-- Куча текста и всякого содержания, или ничего... -->

<map name ="karta2">

<area href="lab5_foto.htm" shape="circle" coords="46, 48, 35" alt="маленький круг">

<area href=drugoy_document2.html" shape="circle" coords="158, 75, 53" alt="круг 2">

</map>

<hr />

</body>

</html>

Результат

Лабораторная № 7

<html>

<head>

<title> 19 ноября 2012 </title>

</head>

<body>

<!-- 1. поля для ввода —>

<form>

<input type="text" name="a1"/>

<br/>

<input type="text" name="a2" value="пример поля для ввода текста "/>

<br/>

<input type="text" name="a3" value="пример поля для ввода текста #2" size="64"/>

<br/>

<input type="text" name="a4" value="пример поля для ввода текста #3" size="100%"/>

<!--2. Радио-кнопки. Переключатели.-->

<form>

Выберите1:<br/>

<input type="radio"name="sex"value="male"/>Муж<br/>

<input type="radio"name="sex"value="female"/>Жен<br/>

Что я буду делать в свободный день: <br/>

<input type="checkbox" name="to do"value="b1"/>Поеду на природу<br/>

<input type="checkbox" name="to do"value="b2"/>Пойду в театр<br/>

<input type="checkbox" name="to do"value="b3"/>Пойду в ресторан <br/>

<input type="checkbox" name="to do"value="b4"/>Пойду в ночной клуб<br/>

<input type="checkbox" name="to do"value="b5"checked/>Займусь спортом <br/>

</form>

<!--3.Поле для ввода пароля, выпадающий список, многострочное текстовое поле.-->

<form actiom="">

Логин:<input type="text"name="user"/><br/>

Родной язык:

<select name="lang">

<option value="c1">English</option>

<option value="c2">Deutch</option>

<option value="c3">Русский</option>

</select>

<br/>Мои интересы:

<textarea rows="10"cols="30">Кино, мода, стиль, музыка</textarea>

</form>

<!--4.Рамка с надписью.-->

<fieldset>

<legend>Типаж:</legend>

<form action="">

Рост,см<input type="text" size="3"value="179"/>

Вес,кг<input type="text"size="3"value="66"/>

</form>

</fieldset>

</body>

</html>