Практическая работа № 50 Графика
Цель работы: Научиться работать с графикой в гипертекстовом документе.
Выравнивание изображения
Наберите код. При наборе учтите реальные имена файлов с графическими изображениями, которые будете вставлять в документ.
<html>
<head>
<title>Выравнивание изображения</title>
</head>
<body background='Троянский конь.jpg' text=red>
<h1 align=center>
Выравнивание изображений в зависимости от значения параметра align.</h1>
<p>
1 Выравнивание<img src=Улитка.jpg align=baseline height=100> по базовой линии, align=baseline
<p>
2 Выравнивание<img src='54f188734ea3.gif' height=100>
<img src='Продавец бубликов.jpg' align=texttop height=100 HSPASE=10 VSPACE=10>по самому высокому текстовому элементу строки, align=texttop
<p>
3 Выравнивание<img src='Мир на ладони.jpg' align=top> по верхнему краю, align=top
</body>
</html>
<!--При включении изображения в документ можно указывать его расположение относительно текста и других элементов страницы. Способ выравнивания изображения задается значением параметра align тэга <img>. Возможные значения параметра:
TOP - верхняя граница изображения выравнивается по самому высокому элементу текущей строки.
TEXTTOP - верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки.
MIDDLE - выравнивание середины изображения по базовой линии текущей строки.
ABSMIDDLE - выравнивание середины изображения по середине текущей строки.
BASELINE или BOTTOM - выравнивание нижней границы изображения по базовой линии текущей строки.
ABSBOTTOM - выравнивание нижней границы изображения по нижней границе текущей строки.
LEFT - изображение прижимается к левому полю окна, текст обтекает изображение с правой стороны.
RIGHT - изображение прижимается к правому полю окна, текст обтекает изображение с левой стороны.
-->
Изображения в качестве ссылки
Исследуйте и реализуйте предложенный код.
<html>
<head>
<title>Использование изображения в качестве ссылки</title>
</head>
<body bgcolor=lightblue>
<a href=Irak.html><img src=Ирак.jpg align=left alt='Ирак'></a>
Графические изображения могут использоваться не только в качестве иллюстраций, но и выполнять роль гипертекстовых связей, при этом браузер по умолчанию заключает изображение в рамку синего цвета. Любая часть такого изображения будет работать <b>как указатель ссылки на документ.</b> Чтоб перейти по ссылке щелкни на изображении.
<P>Дорoги назад нет!
<br clear=left>
<BR>
<img src=Киргизия.jpg align=bottom title='Киргизия, на тропе велосипедист'> Рамки нет. Это не ссылка! Наведи курсор на фото.<br><br><br>
Содержание<br>
ГЛАВА № 1<br>
.....<br>
<a href=#глава_10>ГЛАВА № 10</a><br>
ГЛАВА № 1<br>
Графические изображения могут использоваться не только в качестве иллюстраций, но и выполнять роль гипертекстовых связей, при этом браузер по умолчанию заключает изображение в рамку синего цвета. Любая часть такого изображения будет работать <b>как указатель ссылки на документ.</b>
<a name=глава_10></a>
<font color=red size=7>ГЛАВА № 10</font><br>
Графические изображения могут использоваться не только в качестве иллюстраций, но и выполнять роль гипертекстовых связей, при этом браузер по умолчанию заключает изображение в рамку синего цвета. Любая часть такого изображения будет работать <b>как указатель ссылки на документ.</b> Чтоб перейти по ссылке щелкни на изображении.
</body>
</html>
<!--
-->
