HTMLЧаст 16 (Изображения)

CSS и HTML » HTML

fix3d   трудност:    видян: 18772

!ВНИМАНИЕ: Атрибутите hspace и vspace на тага img са извадени от стадратите на езика и не се поддържат от XHTML 1.0 Strict DTD, макар че браузерите ще продължат да ги поддържат. На тяхно място е препоръчително да се използват стилове (styles). За подробности погледнете CSS справочника.

3. Понякога, докато текста "тече" покрай изображението, може да пожелаете той да се прекъсне и да продължи след края на изображението. Това се постига с атрибута clear, който се вмъква в тага <br>:

Атрибута clear може да приема следните стойности:

- left - указва текста да продължи едва когато е свободно лявото пространство на страницата (когато отляво няма никакво изображение)

- right - указва текста да продължи едва когато е свободно дясното пространство на страницата (когато отдясно няма никакво изображение)

- all - указва текста да продължи едва когато е свободно пространството и отляво и отдясно на страницата (когато и отляво и отдясно няма изображение)

ПРИМЕР:


ИЗПОЛЗВАНЕ НА ИЗОБРАЖЕНИЕ КАТО ХИПЕРВРЪЗКА

В урока за хипервръзките беше показан кода, чрез който изображенията могат да се използват като хипервръзки. Тук той е представен по-подробно.

Нека да направим нашето изображение връзка към Yahoo. Кода е следния:

<a href="http://www.yahoo.com"><img title="óðîöè îò uroci.com" src="Example.gif" width="200" height="90" alt="Описание на изображението"></a>

Когато правим от изображението хипервръзка около него винаги автоматично се появява рамка:

За да премахнем рамката трябва в тага img да вкараме атрибута border и да му зададем стойност 0. Ако желаем връзката да се отваря в нов прозорец трябва да добавим към тага a атрибута target и да му зададем стойност _blank:

<a href="http://www.yahoo.com" target="_blank"><img src="Example.gif" width="200" height="90" alt="Описание на изображението" border="0"></a>