Главная страница Содержание Учебник по Html Словарь тегов Гостевая книга Напиши мне

Простейшие.

Ступенька 11 - "Что такое путь? Как вставлять картинки".

Вставлять изображения в HTML очень просто. Для этого нужно только иметь это самое изображение в формате GIF (файл с расширением *.gif) или JPG (файл с расширением *.jpg). Добавлять картинку на вашу страницу надо с помощью тэга:

<img src="my.jpg" > , который не требует закрывающего тэга.

Вместо my.jpg мы можем подставить имя любой картинки (me.gif, main.png). Самое главное понять, что все расположенное между кавычками - ссылка (путь к картинке). Наш пример говорит о том, что картинка лежит в том же каталоге (директории, папке), в которой лежит и наш документ. Если картинка лежит в поддиректории (в папке, которая лежит в вашей основной папке), то ссылка на неё будет выглядеть так:
<img src="my/my.jpg">

Если картинка лежит на другом сайте, то путь прописывается полностью:
<img src="http://www.homepage.ru/my/my.jpg">

Для вашего удобства кладите картинку в ту же папку, что и документ, тогда путаницы будет меньше. Также я хочу обратить ваше внимание на то, что MY.jpg, my.JPG, my.jpg и MY.JPG – это разные имена файлов. Никогда не забывайте, что регистр нужно учитывать.

Вставим в наш пример картинку ''computer.gif'':

    <html>
    <head>
    <title>Компания News computers</title>
    </head>
    <body text=red bgcolor="#000000">
    <h2>
    <p align="center" > Компания
    <font color="green"> News computers </font>
    </p>
    </h2>
    <font size="+1" face="alial">
    <b>
    <i>
    <img src="computer.gif" >
    Мы обеспечим вас компьютерами и программным обеспечением на любой вкус.
    </i>
    </b>
    </font>
    </body>
    </html>     посмотреть
Посмотрите, что у нас получилось. Не очень симпатично, не так ли? Было бы лучше, если бы текст аккуратно располагался, например, сбоку от картинки. Идем дальше, чтобы узнать, как это сделать.

[ Назад: Ступенька 10-ая ] [ Далее: Ступенька 12-ая ]