Студопедия

Главная страница Случайная страница

КАТЕГОРИИ:

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Как поместить изображение на страницу






Имеется страница, на которой имеется пока только текст. Например эта:

  -= Моя коллекция бабочек =- Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.

 

Стоит нам добавить одну строчку и страничка превращается в следующее:

  -= Моя коллекция бабочек =- Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.

 

Посмотрите, что мы добавили:

< center> < h3> -= Моя коллекция бабочек =-< /h3> < img src=" https://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, которая находится в папке https://cray.vision.krg.kz/~Sam/dlab/grcol/anim/.

Тег < img> сообщает браузеру, что необходимо вывести на экран изображение с именем исходного файла dc72.gif. Вводя этот тег, вы подразумеваете, что файл dc72.gif находится в папке https://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" > и ошибка будет устранена.

· Файл изображения находится там, где вы указали, но у него неверно обозначены права доступа. Поскольку веб-страница предназначена для загрузки и Интернет, часть ваших файлов изменяется так, чтобы никто не смог просмотреть их. В этом случае, если вы уверены, что верно указали путь, свяжитесь со своим провайдером и спросите его, как правильно установить права доступа.


Поделиться с друзьями:

mylektsii.su - Мои Лекции - 2015-2024 год. (0.007 сек.)Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав Пожаловаться на материал