Отображение изображения на странице
Имеется страница, на которой имеется пока только текст. Например, эта:
-= Моя коллекция бабочек =- Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски. |
Стоит нам добавить одну строчку и страничка превращается в следующее:
-= Моя коллекция бабочек =-
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски. |
Посмотрите, что мы добавили:
<center> <h3>-= Моя коллекция бабочек =-</h3> <img src="dc72.gif"><br><br> </center> Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br> |
Изображения помещаются на странице крайне просто, используется тэг <img>. IMG - сокращение от "image" ("изображение"). Надо ввести тэг <img> и ключевое слово SRC="..." для указания, какую картинку загрузить. Изображения можно помещать в любом месте веб-страницы, в заголовки, таблицы, списки или в текст, только проверьте, чтобы тэг <img> оказался между тэгами <body> и </body>. В данной странице о бабочках мы собираемся ввести изображение бабочки, вверху страницы, как раз под заголовком <h1></h1>.
Мы вставляли здесь картинку бабочки в формате GIF, под названием dc72.gif, которая находится в папке с нашей интернет-страницой.
Тэг <img> сообщает браузеру, что необходимо вывести на экран изображение с именем исходного файла dc72.gif. Вводя этот тэг, вы подразумеваете, что файл dc72.gif находится в папке с нашей интернет-страницой.
Основываясь на информации, приведенной, легко определить, когда вы указали неверное расположение графического файла: браузер вместо изображения, которое вы ожидали увидеть, выводит вместо картинки пиктограмму ошибки такого вида:
Эта пиктограмма показывается браузером в случаях, если:
Имя файла, содержащего изображение, задано неверно и не указывает на существующий файл.
Неверно указан путь к файлу.
Некоторые сервера чувствительны к регистру названий, то есть имя файла написана заглавными или прописными буквами.
Оптимальные размеры изображений
В зависимости от того какую информацию вы собираетесь размещать на своем веб-сайте вам нужно будет выбирать и размер ваших изображений. Например, если вы создаете сайт-визитку, то одно из самых важных условий это скорость загрузки и максимальная информативность этих веб-страниц, соответственно вам нужно будет уменьшать размер ваших до минимума, но в то же время смотреть чтобы не слишком сильно портилось их качество. В то же время если вы создаете сайт, содержащий фотографии и выставку, то упор должен делаться на максимум качества изображения, хотя это и будет приводить к снижению скорости загрузки ваших страниц.