Этот урок посвятим вставке изображений. Чтобы вставить изображение на веб-страницу, будь-то картинка или фото нужно написать так:
<img src="http://1mybiz.moy.su./Georgina.jpg" align="left" border="0" width="25%" height="25%" hspace="0" vspace="0" alt="Фото цветка" title="Георгина"/>. В результате должно получиться вот так:
Разберем подробнее. Сначала мы указываем путь до изображения <img src="http://1mybiz.moy.su./Georgina.jpg"/>. Затем позиционируем изображение на странице (в этом примере слева align="left"). Затем указываем, что вокруг фото не должно быть рамки border="0" (если изображение является ссылкой, подробнее, когда буду писать о ссылках). Указываем размеры в пикселях или процентах (желательно). Задаем вертикальные и горизонтальные отступы вокруг фото hspace="0" vspace="0". Пишем альтернативный текст alt, на тот случай если у пользователя отключены изображения, и можно написать всплывающую подсказку title. На сегодня все. До встречи. |
Этот урок хочу посвятить цвету и фону страницы. Сначала общие рекомендации. Я уже писала об этом, цвета нужно подбирать, руководствуясь не личными вкусами, а для удобства посетителей. Уважайте плоховидящих и дальтоников!
Фон страницы можно задать в теге <body>:<body syle="background:#C0C0C0;"> или с помощью таблицы стилей (о ней я буду писать позже). Фоном может быть и картинка. Установить ее можно с помощью тега Body: <body syle="background:#C0C0C0 url(/images/bg.gif);">. Здесь мы видим как указание цвета, так и фоновую картинку. Если вдруг фоновая картинка не будет найдена, то установится заданный цвет. P.S. В конце совет: рекомендуется в корневой папке сразу создать папку images. В нее класть все изображения и картинки. Расположение следует вести от корня сайта: /images/bg.gif. Не нужно писать так: "http://www.site.ru/images/bg.gif" или так "../../images/bg.gif" (при переделке сайта возникнут определенные трудности). |
|