Великолепно! Теперь вам необходимо обернуть каждый тег <img> в теги <a></a>. Не забудьте задать каждому тегу <a> атрибут href и
в значении указать ссылку, куда вы хотите, чтобы он вел. (Воспользуйтесь
советом, если вы застряли)
задание
Оберните тегами <a> </a> теги <img>. Не надо давать одинаковые значения атрибуту src в теге <img> и атрибуту href в теге <a>, мы просим сделать их разными!
подсказка
Вы помните, как пишутся теги <a>?
<a href=”адрес ссылки”> </a>
<a href=”адрес ссылки”> </a>
решение
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css" />
<title>My Photo Page</title>
</head>
<body>
<table>
<thead>
<th colspam="3">Мои фотографии</th>
</thead>
<tbody>
<tr>
<td><a href="http://ya.ru"><img src="http://splitka.ru/upload/iblock/edf/edf057c699d58a327626c8ef896e5d7f.jpg"></a></td>
<td><a href="http://ya.ru"><img src="http://splitka.ru/upload/iblock/edf/edf057c699d58a327626c8ef896e5d7f.jpg"></a></td>
<td><a href="http://ya.ru"><img src="http://splitka.ru/upload/iblock/edf/edf057c699d58a327626c8ef896e5d7f.jpg"></a></td>
</tr>
<tr>
<td><a href="http://mail.ru"><img src="http://www.antica.su/sites/default/files/imagecache/product_full/rid/vives/candem/pratt-gold-marino-20h20-9.jpg"></a></td>
<td><a href="http://mail.ru"><img src="http://www.antica.su/sites/default/files/imagecache/product_full/rid/vives/candem/pratt-gold-marino-20h20-9.jpg"></a></td>
<td><a href="http://mail.ru"><img src="http://www.antica.su/sites/default/files/imagecache/product_full/rid/vives/candem/pratt-gold-marino-20h20-9.jpg"></a></td>
</tr>
<tr>
<td><a href="http://google.ru"><img src="http://www.antica.su/sites/defaulot/files/imagecache/product_full/rid/vives/candem/pratt-gold-ocre-20h20-7.jpg"></a></td>
<td><a href="http://google.ru"><img src="http://www.antica.su/sites/default/files/imagecache/product_full/rid/vives/candem/pratt-gold-ocre-20h20-7.jpg"></a></td>
<td><a href="http://google.ru"><img src="http://www.antica.su/sites/default/files/imagecache/product_full/rid/vives/candem/pratt-gold-ocre-20h20-7.jpg"></a></td>
</tr>
</tbody>
</table>
</body>
</html>
Комментариев нет :
Отправить комментарий