• Авторизация


HTML ДЛЯ НАЧИНАЮЩИХ ( ЧАСТЬ 3-АЯ, ЦВЕТ ФОНА, ФОНОВАЯ КАРТИНКА, ВСТАВКА ИЗОБРАЖЕНИЙ) 13-07-2019 20:53 к комментариям - к полной версии - понравилось!


Продолжаем познавать азы html строительства.


background="ссылка_на_картинку"

Т.е. целиком, вместе с тегом body это будет выглядеть так:
<body background="ссылка_на_картинку">

Теперь, к примеру, берем такую картинку:
 (180x180, 5Kb)

Грузим ее куда-нибудь, на наш же народ например. Берем прямую ссылку на нее, в моем случае ссылка такая http://legion-blog.narod.ru/yroki/1.jpg
Теперь пишем код целой странички с таким вот фоном:



<html>
<head>
<title>
Моя первая страничка</title>
</head>

<body background="http://legion-blog.narod.ru/yroki/1.jpg">


Всем привет!!!
</body>
</html>




Теперь смотрим то, что у нас получилось . Как я и говорил, картинка должна загрузится, чтоб ее было видно) так что ждем полной загрузки странички:-)

Как видите, наша маленькая картинка размножилась и заняла все пространство странички. Так будет всегда по умолчанию, если не прописать дополнительные параметры вставки фоновой картинки:-) Но о них позже:-)

Чтобы прописать и цвет фона и фоновую картинку одновременно пишем наши дополнительные параметры поочереди в теге body, т.е. так:
<body background="ссылка_на_картинку" bgcolor="цвет">

Вставка изображений на страничку

Для вставки изображений, используется тег <img>.Надеюсь вы помните, что это уже видимая информация странички, поэтому код вставки картинки размещаете между тегом тела странички, т.е. между <body> и </body>
К тегу вставки изображения надо прописывать параметр src.
Этот параметр указывает ссылку на изображение. Т.е пишется так:
src="ссылка_на_картинку"

А целиком код вставки будет выглядеть так:
<img src="ссылка_на_картинку">

Теперь просто пример странички с одной единственной картинкой. Вставим на страничку мою аву, например:



<html>
<head>
<title>
Моя первая страничка</title>
</head>

<body>


<img src="http://legion-blog.narod.ru/yroki/1.gif">

</body>
</html>



Смотрим результат (дождитесь полной загрузки странички)

Обратите внимание, для нашего тега вставки изображения <img> нет закрывающего тега. Он не нужен.

Параметров для вставки картинок много, но о них мы еще поговорим, пока только основа:-)

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник HTML ДЛЯ НАЧИНАЮЩИХ ( ЧАСТЬ 3-АЯ, ЦВЕТ ФОНА, ФОНОВАЯ КАРТИНКА, ВСТАВКА ИЗОБРАЖЕНИЙ) | SVETLANA_KRUPA - Дневник SVETLANA | Лента друзей SVETLANA_KRUPA / Полная версия Добавить в друзья Страницы: раньше»