Rambler's Top100

КАК ВСТАВЛЯТЬ КАРТИНКИ

Картинки вставляются с помощью тега <img> с атрибутом src, прописывается это так: Допустим, Вы создали новую папку и назвали ее "mysite" Внутри папки "mysite" создаете папку для картинок и даете ей имя, обычно папке с картинками дается имя "images",но можно папку для картинок назвать и по другому, в эту папку помещаете картинки, которые будете применять при создании сайта.

 

 

Так же, в папку "mysite" помещаете файлы сайта, как показано на изображении.В этом случае, код для вставки картинки пишется так:
<img src="images/имя картинки">
Если у папки с картинками будет другое имя, то вместо images пишете ее имя. Так же для картинок применяются размеры, width и height, в коде будет так:
<img src="images/имя картинки" width=120 height=130>
Если не указывать размер картинки, то по умолчанию она будет вставлена на сайт своего реального размера

Как вставлять картинки Если картинка лежит не в отдельной папке, а в той же папке, где и файлы сайта, как на картинке,то в этом случае, код для вставки картинки пишется так:
<img src="имя картинки" width=120 height=130>
Для выравнивания картинок применяется атрибут ALIGN. Сейчас все значения этого атрибута для выравнивания картинок, прописываются в файле CSS, а не в HTML - странице, но знать как это делается без CSS файла, тоже нужно, может пригодится Атрибут ALIGN применяется со значениями:

ALIGN=right - картинка будет прижата к правому краю,а текст будет располагаться слева от картинки.

ALIGN=left - картинка будет располагаться слева, а текст будет справа от картинки.

ALIGN=top - текст будет располагаться сверху

ALIGN=middle - текст будет располагаться посредине

ALIGN=bottom - текс будет располагаться под картинкой

Ещё атрибуты, которые применяются к картинкам это VSPACE и HSPACE

VSPACE=5 - вертикальный отступ картинки от края
HSPACE=5 - горизонтальный отступ от края

И наконец атрибуты ALT и TITLE.
ALT - это подсказка, в случае если картинка не загрузится, в месте где она должна быть расположена, будет отображаться текст, прописанный в атрибуте ALT
TITLE - текст прописанный в этом атрибуте, будет отображаться при наведении курсора на картинку

Код размещение картинки на странице со всеми атрибутами будет таким:
<img src="имя папки/имя картинки" width=128 height=128 align=left vspace=5 hspace=5 alt="изображение видеобработки" title="Здесь будет текст любой">

Здесь полный код      Здесь страница с картинкой

 

   Страницы по теме: ОСНОВЫ HTML

1. Как создать страницу HTML    2. Работа с текстом    3. Как вставлять картинки

4. Как сделать ссылки на странице   5. Как создать таблицу    6. Списки на сайте

 

Rambler's Top100 Яндекс цитирования