В таких ситуациях очень важно правильно указать путь от документа к подгружаемой картинке, что и было сделано: первые две точки .. определяют
находится в отдельной папке, то есть документ у меня в одной папке, а изображение в другой.
Обратите внимание на способ подгрузки изображения: ../images/2121.png. Во-первых, использован формат PNG (.png). Во-вторых, изображение
Напомню, что для web применимы изображения трех форматов: PNG (.png),
align="bottom" – выравнивает изображение и текст по низу.
align="middle" – выравнивает изображение и текст по центру, по вертикали.
align="top" – выравнивает изображение и текст по верху.
Атрибуты и значения
Посмотреть в новом окне:
<p><img src="../images/2121.png" width="128" height="128" align="bottom" /> Текст внизу изображения</p>
<p><img src="../images/2121.png" width="128" height="128" align="middle" /> Текст по центру изображения</p>
<p><img src="../images/2121.png" width="128" height="128" align="top" />Текст вверху изображения</p>
Текст вверху, внизу, по центру изображения
Навигация по странице
элементами текста.
Посмотрим, как разместить текст слева или справа изображения.
Особенности взаимодействия HTML изображения и текста
Урок 11. HTML изображение и текст
HTML изображение и текст
HTML изображение; текст вверху, внизу, по центру - Текст справа, изображение слева
Комментариев нет:
Отправить комментарий