Теория:
Почему же HTML называется гипертекстовым языком? Приставка «гипер» означает «над, сверх, по ту сторону». Как мы уже говорили, наша страничка состоит из двух этажей. На одном из них, так сказать, парадном, расположен ваш документ во всей его красе, а на другом — «подвальном» — его описание, с помощью которого программа просмотра и создает парадный этаж. На парадном этаже располагаются обычный текст и обычные картинки. Возможно, вы обратили внимание на то, что отдельные слова и картинки на парадном этаже выделены особо. Это означает, что под ними находятся ссылки на другие электронные документы или даже на программы, которые будут выполнены в случае выбора этих элементов. Понять, как именно работают те или иные ссылки, можно, если проанализировать «подвальный» этаж странички, содержащий ее описание. Что располагается в «подвале» и какие бывают ссылки, мы уже рассказывали. А как создается хотя бы самая простая ссылка — ссылка на другую страницу? Для этого существует специальный контейнер с атрибутами: <A> ... </А>. Как вы помните, действия контейнера уточняются с помощью атрибутов. В нашем случае необходим атрибут, указывающий, куда производится ссылка.
Все элементы оформления, будь то текст или картинка, расположенные внутри контейнера <A> ... </А>, становятся не просто текстом и не просто картинкой, а гипертекстоной ссылкой. При переводе на эту ссылку указателя мыши он видоизменяется, а если при этом щелкнуть по клавише мыши, то произойдет переход на страницу, которая соответствует файлу, полный путь к которому описан в атрибуте HREF. Если файл вашей второй страницы расположен в одной папке с файлом, откуда вызывается ссылка, полный путь можно и не писать.
Если вы ссылаетесь на фотографию или картинку напрямую, то она, разумеется, будет располагаться вовсе не по центру и уж конечно без всякого фона. Если вам это не нравится, придется сделать ссылку на описание страницы на языке HTML, а в ней разместить картинку так, как вы считаете нужным. В этом случае нелишней будет и подпись под рисунком или фотографией. Немного отвлекаясь от ссылок, опишем еще два полезных атрибута тега <IMG>. Наверняка вам доставляло много неудобств то, что картинки и фотографии часто были не тех размеров, каких бы вам хотелось. Между тем изменить их размеры очень просто.
Атрибут WIDHTH определяет ширину картинки или фотографии в пикселях. Атрибут HEIGHT — ее высоту. Значит, если разрешение экрана — \(800х600\) пикселей, в первом случае картинка по ширине займет примерно четверть экрана. Во втором примере по высоте — примерно треть экрана. Вместо пикселей в качестве единицы измерения можно использовать проценты. Однако если вы думаете, что атрибут WIDHTH=50% уменьшит картинку в \(2\) раза, то вы ошибаетесь. Этот параметр означает, что картинка займет ровно половину ширины окна, выделенного под программу просмотра. Если окно уменьшить — соответственно уменьшится и картинка. Очень может быть, что она и растянется, если ее исходная ширина меньше половины ширины экрана. Необходимо помнить, что эти атрибуты изменяют вовсе не размеры самой картинки, а лишь ее отображения на страничке. Иными словами, они совершенно не влияют на время ее загрузки. Картинка должна быть получена целиком, а уж затем программа просмотра, работающая на вашем компьютере, будет изменять размеры ее отображения. Но вернемся к ссылкам. Программа просмотра настроена таким образом, чтобы выделять текстовые ссылки другим цветом. А если ссылкой является фотография или картинка, то вокруг нее появляется цветная рамка. Бывает так, что стандартный цвет, которым выделяются ссылки, вовсе не согласуется с выбранным вами фоном.
Атрибут LINK определяет цвет текста, за которым скрывается ссылка, или самой ссылки. Атрибут VLINK определяет цвет ссылки, которую уже «посетили». Атрибут ALINK определяет цвет ссылки, по которой щелкнули мышкой, но она еще не загрузилась в наш компьютер. Этот атрибут актуален, когда идет работа в глобальной сети и приходится долго ждать загрузки. Если же загрузка происходит быстро, то изменение цвета происходит за долю секунды и совершенно незаметно для пользователя.