Как поместить изображение на страницу
Имеется страница, на которой имеется пока только текст. Например эта:
|
-= Моя коллекция бабочек =- Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски. |
Стоит нам добавить одну строчку и страничка превращается в следующее:
|
-= Моя коллекция бабочек =-
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски. |
Посмотрите, что мы добавили:
|
<center> <h3>-= Моя коллекция бабочек =-</h3> <img src="http://cray.vision.krg.kz/~Sam/dlab/grcol/anim/dc72.gif"><br><br> </center> Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br> |
Изображения помещаются на странице крайне просто. Вам нужно только знать, как применять тег <img>. IMG - сокращение от "image" ("изображение"). Надо ввести тег <img> и ключевое слово SRC="..." для указания, какую картинку закрузить. И все! Изображения можно помещать в любом месте веб-страницы, в заголовки, таблицы, списки или в текст, только проверьте, чтобы тег <img> оказался между тегами <body> и </body>. В данной странице о бабочках я собираюсь ввести изображение бабочки, вверху страницы, как раз под заголовком <h1></h1>.
Мы вставляли здесь картинку бабочки в формате GIF, под названием dc72.gif, которая находится в папке http://cray.vision.krg.kz/~Sam/dlab/grcol/anim/.
Тег <img> сообщает браузеру, что необходимо вывести на экран изображение с именем исходного файла dc72.gif. Вводя этот тег, вы подразумеваете, что файл dc72.gif находится в папке http://cray.vision.krg.kz/~Sam/dlab/grcol/anim/. Если эта картинка находится в той же папке, что и HTML-файл в котором вы собираетесь вставить тег <img>, то название папки можно не вводить, тогда код будет выглядеть следующим образом: <img src="dc72.gif">.
Основываясь на информации, приведенной, легко определить, когда вы указали неверное расположение графического файла: браузер вместо изображения, которое вы ожидали увидеть, выводит вместо картинки пиктограму ошибки такого вида:
Эта пиктограмма показывается браузером в случаях, если:
-
Имя файла, содержащего изображение, задано неверно и не указывает ну существующий файл (возможно, вы по ошибке набрали не dc72.gif, а dcc72.gif).
-
Неверно указан путь к файлу. Попробуйте скопировать файл с изображением в ту же директорию, где находится ваш HTML-файл.
-
Бывает, что некоторые сервера, на которых вы решите хранить свою страницу (например narod.ru) базированы на UNIX'е. Ничего страшного если не понятно. Суть в том, что важно как вы напишите имя файла. Например если вы напишите <img src="DC72.GIF>, картинка не покажется из-за регистра. Попробуйте ввести <img src="dc72.gif"> и ошибка будет устранена.
-
Файл изображения находится там, где вы указали, но у него неверно обозначены права доступа. Поскольку веб-страница предназначена для загрузки и Интернет, часть ваших файлов изменяется так, чтобы никто не смог просмотреть их. В этом случае, если вы уверены, что верно указали путь, свяжитесь со своим провайдером и спросите его, как правильно установить права доступа.