Вставляем на сайт картинку
Допустим вы решили вставить на сайт картинку :
Сначала вам нужно сохранить эту картинку у себя на компьютере. Для этого
наведите курсор мышки на картинку и нажмите правую кнопку мышки. Выберите
"Сохранить рисунок как..." Укажите место для сохранения картинки.
Сохраните картинку там-же, где находиться страничка, которую мы делаем -
page.html Имя файла картинки оставьте тоже самое - money-master.jpg
Для вставки на страницу картинки - используется тег <img>. В качестве
параметра для этого тега, используется название картинки. Должен же компьютер
знать какую картинку мы хотим вставить
В нашем случае для вставки картинки money-master.jpg вставляем в код
страницы, в то место куда мы хотим вставить картинку, следующий код :
<img
src=money-master.jpg>
или более грамотно писать вот так <img
src="money-master.jpg"> , хотя код выше тоже будет
работать.
через параметр src указывается имя файла-картинки.
Таким образом код нашей страницы теберь будет выглядеть вот так
<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>
<body
bgcolor="#00CCFF" text="#FFFF00">
<center>
Сегодня замечательный день. <br>Я
сделал свою первую интернет страничку.
<br><font
color="#0000FF">я буду богатым и свободным человеком
!</font>
<br><br>
<img
src="money-master.jpg">
</center>
</body>
</html>
теги <br> вставлены чтобы расположить картинку на несколько строк ниже
текста.
Желательно в параметрах картинки указать ее размеры. Для этого используется
параметр width (ширина картинки) и height (высота картинки). Т.е.
например вот так :
<img src="money-master.jpg" width="258" height="146" >
размеры картинки указываются в пикселях
Если вы хотите чтобы при наведении мышки на картинку отображался какой-то
текст, то это делается с помощью параметра alt
например вот так :
<img src="money-master.jpg"
width="258" height="146"
alt="Сайт о заработке в интернете"
>
внесите изменения в код и посмотрите что получиться.
Таким образом код нашей страницы будет такой :
<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>
<body
bgcolor="#00CCFF" text="#FFFF00">
<center>
Сегодня замечательный день. <br>Я
сделал свою первую интернет страничку.
<br><font
color="#0000FF">я буду богатым и свободным человеком
!</font>
<br><br>
<img src="money-master.jpg"
width="258" height="146" alt="Сайт о заработке в
интернете">
</center>
</body>
</html>
