МЕНЮ

Запомните наш сайт!


ИНФО

Вставляем на сайт картинку

Допустим вы решили вставить на сайт вот такую картинку

Сначала вам нужно сохранить эту картинку у себя на компьютере. Для этого наведите курсор мышки на картинку и нажмите правую кнопку мышки. Выберите "Сохранить рисунок как..." Укажите место для сохранения картинки (Как я рекомендовал ранее - сделайте отдельную папку site на диске С например и туда сохраняйте все файлы уроков.)
Сохраните картинку там-же, где находится страничка, которую мы делаем - page.html Имя файла картинки оставьте тоже самое site-master.jpg
Опять же будеть внимательны! Имя файла не site-master.ipg, не site-master.jpq, а site-master.jpg

Для вставки на страницу картинки - используется тег <img>. img это он аглийского слова image...изображение, картинка.В качестве параметра для этого тега, используется название картинки.Должен же компьютер знать какую картинку мы хотим вставить

В нашем случае для вставки картинки money

-master.jpg вставляем в код страницы, в то место куда мы хотим вставить картинку, следующий код :

или более грамотно писать вот так <img src="site-master.jpg"> , хотя код выше тоже будет работать.

через параметр src указывается имя файла-картинки.

Таким образом код нашей страницы теберь будет выглядеть вот так

<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>

Сегодня замечательный день. Я сделал свою первую интернет страничку.

я буду богатым и свободным человеком !

</center>

</body>

</html>

теги вставлены чтобы расположить картинку на несколько строк ниже текста.

Теперь наша страница будет выглядеть вот ТАК.

Желательно в параметрах картинки указать ее размеры. Для этого используется параметр width (ширина картинки) и height (высота картинки). Т.е. например вот так :

размеры картинки указываются в пикселях.

Если вы хотите чтобы при наведении мышки на картинку отображался какой-то текст, то это делается с помощью параметра alt

например вот так :

Этот текст также будет виден, если у вас выключено отображение графики в браузере (для экономии трафика например). Но этот параметр работает не во всех браузерах. В Internet Explorer работает.

внесите изменения в код и посмотрите что получится.