Веб программирование

Создание первого сайта. Ставим картинку на сайт.

 
 

Привет!!! На этом уроке я покажу как вставить картинку на сайт. При создании сайта необходимость вставить картинку требуется практически всегда. Как вставлять изображения на сайт? Простым тегом :

<img src="my.jpg">

Вместо my.jpg можно вставить любую картинку. Но главное надо указать ИМЯ и ТИП картинки (тип картинки можно узнат в ее свойствах).

Если картинка лежит в в папке, которая лежит в вашей основной папке, то ссылка на неё будет такая:

<img src="my/my.jpg">

Если картинка лежит на уровень выше, а документ находится в поддиректории, то ссылка на неё будет такой:

<img src="../my.jpg">

Если картинка лежащая на другом сайте, то путь прописывается полностью:

<img src="http://vbbook.ru/my/my.jpg">

Для того чтобы не мучиться просто кладите картинки в одну папку.
Вот и всё:

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
<div align="center">
<H3>Здравствуйте, это мой первый сайт.</H3>
<br>
<font color="#CC0000"> Добро пожаловать!</font> :) </div>
<p align="justify">
<img src="primtocodephoto.gif"> Куча вашего текста</b>
</p> 
</body>
</html>

Наша картинка фон

<body text="#336699" bgcolor="#000000" background="ваш_фон.jpg">

Посещайте мой сайт. Всем пока! До новых уроков!


Есть вопросы? Спроси на нашем форуме!!
Саня [07.06.2012 11:39]

блин картинка на сайте только изображения её нету

Я Владик 75(76)(Владик) [11.06.2012 14:14]

Ты че!? Ето пример!!!

саня 1999 [22.08.2012 21:50]

а как заставить её стоять там где мне надо.
ато онв углу появляется а мне нада внизу,посередине

Megustan [05.11.2012 20:30]

А у меня картинка на весь экран кучу раз размножена

Владик [05.11.2012 21:09]

Если ты в тег <body это вставил то да и напиши твой код сюда.

Владик [14.11.2012 15:34]

саня 1999, Если надо по серидине то напиши:

<center><img src="primtocodephoto.gif"></center>

Бивис [25.11.2012 19:57]

Классные уроки, мне понравились !

bubus314 [07.09.2014 00:50]

И вдруг откуда не возмись тег заголовка появился))



Оставлять комментарии можно только зарегистрированным




Предупреждение: Вся информация представлена исключительно в образовательных целях.
Ни авторы, ни администрация не несут ответственности в случае ее использования в противозаконных целях.