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

Предположим Вы решили вставить на свой сайт вот такую картинку:

Для этого вам нужно сохранить эту картинку у себя на компьютере. Наведите курсор мышки на картинку и нажмите правую кнопку мышки. Выберите "Сохранить рисунок как..." Укажите место для сохранения картинки. Сохраните картинку там-же, где находиться страничка, которую мы делаем - page.html Имя файла картинки оставьте тоже самое - nebo.jpg

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

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

Конечно более грамотно писать вот так <img src="nebo.jpg">, однако код выше тоже будет работать.

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

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

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

У меня отличное настроение. Я сделал свою первую интернет страницу и всего за пару минут.

 Я самый красивый человек на свете

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

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

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

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

<img src="nebo.jpg" width="258" height="193" alt="Сайт о работе в интернете" >

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

Таким образом код нашей страницы будет такой:

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

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

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

<img src="nebo.jpg" width="258" height="193" alt="Сайт о работе в интернете">

Чтобы сделать текст жирными или курсивом используются парные теги

и для того чтобы сделать текст жирным. b- от слова bold, т.е. жирный

и для того чтобы сделать текст курсивом. i- от слова italic, т.е. курсив.

Сделаем текст нашей страницы в одном месте жирным, а в другом курсивом

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

У меня отличное настроение. Я сделал свою первую интернет страницу и всего за пару минут.

 Я самый красивый человек на свете 

<img src="nebo.jpg" width="258" height="193" alt="Сайт о работе в интернете">

! Прошу обратить Ваше внимание на порядок следования тегов вложенных в другие теги. Теги должны быть вложены как матрешки.

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