Картинки как ссылки.

Дата добавления: 2015-06-12; просмотров: 537; Нарушение авторских прав

На этом уроке вы научитесь ставить ссылку на картинку. Почти то же самое, что и ссылка с текстом. Просто вместо текста ставится картинка. Пример ниже.

Все очень просто. Просто вместо текста ставим тэг с картинкой, настраиваем все нужные атрибуты.

А теперь напишите следующий текст в блокноте.

<html> <head> <title>Все о работе с картинками. Картинки как ссылки.</title> </head> <body background="../002.jpg" bgproperties="fixed" text="yellow" bgcolor="black" link="#CC0000" vlink="#FFFF00" alink="#008000"> <center><h3>Добро пожаловать! Это моя фотогалерея.</h3></center> <p align="justify"> <a href="../10.htm" target="_blank"><img src="../001.jpg" align="left" Hspace="5" alt="Война в Ираке" border="2"></a> <font color="green" size="5">Эта фотография была сделана на военных действиях в Ираке. Горит нефтяная скважена. Я был против войны в Ираке, но хотел посмотреть на что способны эти две стороны. </font> </p> </body> </html>

Вместо моей картинки вставьте свою. Сохраните. Посмотреть пример.

Разберем вместе.

все просто, если вы читали предыдущий урок, то вы все сами поймете, а для тех, кто не читал еще раз объясню. Ставим ссылку на картинку, которая будет открывать страничку в новом окне, картинка выравнивается по левому краю, текст справа от нее на расстоянии 5 пикселей, при наведении на картинку курсора появится подсказка: Война в Ираке. Все
<font color="green" size="5">Эта фотография была сделана на военных действиях в Ираке. Горит нефтяная скважена. Я был против войны в Ираке, но хотел посмотреть на что способны эти две стороны.</font>
</p>
</body>
</html>

Сложного я тут ничего не вижу, а как я обещал на следующем уроке будем изучать специальные символы, а на этом уроке все.

<== предыдущая лекция	\|	следующая лекция ==>
Вставка картинок и их атрибуты.	\|	Создаем простую таблицу.