Вставка графики в текст

Есть несколько вопросов, по поводу которых среди Web-дизайнеров идут постоянные дискуссии. Некоторые из них нам еще встретятся. А вот первый: что есть картинки для Web-страницы - польза или вред?

"Конечно, польза! - кричат одни, - делать Web-страницы без графики - все равно что назло кондуктору купить билет и пойти пешком!"

"Вред! - надрываются другие, - попробуйте-ка скачать эту графику нашими слабосильными модемами! Заставляя посетителей это делать, мы только набиваем кошельки провайдерам! А если построить на графике весь дизайн страницы, то многие его просто не увидят, потому что благоразумно отключили в своем броузере загрузку картинок!"

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

Впрочем, время покажет. Но есть вещи не менее вечные, чем спор между профессионалами. Одной из них является здоровое желание новичка увидеть на экране монитора свою фотографию с гордой надписью вроде: "Домашняя страничка Меня, Любимого".

Итак, мы сфотографировались. В парадной шляпе. Но как поместить фотографию на страницу?

Какие есть идеи? "Выделить и вставить" - не пройдет. "Перетащить и опустить" - тоже. Это нам не Word. Это голый текст, и никакие картинки в него не вставляются.

Но нам и не нужно вставлять в код картинку. Достаточно указать ссылку на нее, чтобы броузер в нужный момент знал, куда за ней обратиться. А уж как вывести картинку на экран, он разберется сам.

Итак, нам нужно указать в HTML-коде две вещи: во-первых, что мы вставляем графический элемент, а во-вторых, откуда мы его вставляем. Это делается с помощью дескриптора <IMG> (от английского image - "изображение") с параметром src (от английского source - "источник"). Попробуем (рис. 8.1).

Обратите внимание, что дескриптор <IMG> - одиночный. Действительно, зачем ему пара? Он только определяет ту точку, куда вставляется содержимое другого файла, и закрывающий дескриптор ему не нужен.