Шаг шестой
Изображения и html-ссылки.
Изображения - ну как же без них? Они используются везде, но для нас главное украсить изображениями дизайн сайта.
Лучше всего используете формат изображений gif, jpg, png.
Для того, что бы вставить изображение, надо вставить короткий html<тег> туда куда вам нужно. В данном случае мы просто вставим его в тело.
<img src="images\joomla.jpg">
И мы увидим.
Лучше всего используете формат изображений gif, jpg, png.
src - Отвечает за расположение картинки. например "D:\images\joomla.jpg"
Так же если Ваш html-документ находится в той же папке, что и картинка, то можно написать просто <img src="joomla.jpg">
Что бы управлять размещением изображения используется атрибут - align
align - Используется для горизонтального выравнивания изображения. Значения="left", "right".
hspace - отступы в пикселях по горизонтали от изображения до других объектов.
vspace - отступы в пикселях по вертикали от изображения до других объектов.
height - высота изображения в пикселях.
width - ширина изображения в пикселях.
title - при наведении на картинку высветится текст с содержимым в элементе title, например: <img src="joomla.jpg" title="создание сайтов joomla ">.
Думаю тут объяснять не нужно. Тут все как и при работе с текстом.
hspace - отступы в пикселях по горизонтали от изображения до других объектов.
vspace - отступы в пикселях по вертикали от изображения до других объектов.
height - высота изображения в пикселях.
width - ширина изображения в пикселях.
Думаю тут объяснять не нужно. Тут все как и при работе с текстом.
Шаг седьмой
Также можно сделать изображение ссылкой. Для этого поместим наш html-код изображения в тег:
<a href="http://lessonshtml.blogspot.com/">
</a>
Также присутствует атрибут border. Выставляем значение в пикселях. border="0" - "0" значит, что никакой рамки вокруг изображения не будет.
Например:
Шаг седьмой
<a href="http://lessonshtml.blogspot.com/">
</a>
Например:
<a href="http://lessonshtml.blogspot.com/" target="_blank">
<img src="joomla.jpg" title="создание сайтов joomla " border="0">
</a>
Значение target="_blank" - означает, что ссылка откроется в новом окне.
и в результате увидим:
<a href="http://lessonshtml.blogspot.com">Написать сайт в блокноте</a>
Получиться простенькая ссылка.
Это работает, если Ваша первая страница находиться в той же папке, что и вторая, а если Ваша вторая страница находиться в другой папке, нужно указать к ней путь. <a href="pages\page2">страница 2</a>
Также можно сделать ссылку на почту. <a href="mailto:bilalovatr@gmail.com">Отправить письмо администрации сайта</a>
Пример:
Комментариев нет:
Отправить комментарий