Я надеюсь, что у тебя уже есть картинка, которую ты хочешь использовать в качестве логотипа для своего веб-проекта. Если ещё такой картинки нет, или она находится в процессе создания, то ты можешь временно использовать картинку мою. Но только, как объект для учёбы. Помещать мои картинки в интернете низзя! :)
В этом случае скопируй на время файл \LIKBEZ.INFO-HTML-SITE\images\likbez.jpg в папку \images\ своего сайта. Это рисунок глубоко задумавшегося "мыслителя", который прочёл кучу толстых книг, но не знает ответов на элементарные вопросы :)
Давай вставим картинку в ту самую ячейку таблицы, где у тебя было слово Логотип.
Для этого между тегами <td> </td> надо вставить тег <img> с параметрами. Обрати внимание, что этот тег не имеет парного закрывающего тега.
Рис.1. Вставляем картинку
<td align="right">
<img src="images/likbez.jpg" alt="Ликбез.Инфо" title="Дистанционные курсы на Ликбез.Инфо" height="112" width="132">
</td>
Параметры тега <img> включают в себя указание пути к картинке (src), её высоту (height) и ширину (width), текст описания картинки (title) и альтернативный текст (alt) на тот случай, если картинка по каким-то причинам не отобразилась браузером.
Вот описание основных параметров тега <img>:
Основные параметры тега <IMG>
align - выравнивает картинку относительно текста. Значения: left - картинка слева, текст обтекает справа; right - картинка справа, текст обтекает слева; top - выравнивание по верху строки; middle - выравнивание по центру строки; bottom - выравнивание по низу строки. Например: align="middle" (так установлено по умолчанию).
alt - задаёт альтернативный текст на тот случай, если браузер по каким-то причинам не отобразит картинку. Лучше указать просто название рисунка или, если речь идёт о логотипе, название проекта. Например: alt="Ликбез.Инфо"
border - задаёт в пикселах толщину рамки вокруг картинки. Например: border="1". При нулевом значении или при отсутствии этого параметра рамка не отображается
height - задаёт высоту картинки в пикселах. Например: height="112". Всегда желательно указывать этот параметр, чтобы браузер быстрее загрузил картинку.
hspace - задаёт в пикселах поля отступа текста от боковых краёв изображения. Например: hspace="10"
src - задаёт абсолютный или относительный путь к файлу картинки. Параметр обязательный.
Например: src="http://likbez.info/images/likbez.jpg" или src="images/likbez.jpg"
title - задаёт комментарий к картинке, который высвечивается при наведении на неё мышью. Лучше указать описание рисунка или, если речь идёт о логотипе, описание самого проекта. Например: title="Дистанционные курсы на Ликбез.Инфо"
vspace - задаёт в пикселах поля отступа текста от верхнего и нижнего краёв изображения. Например: vspace="10"
width - задаёт ширину картинки в пикселах. Например: width="132". Всегда желательно указывать этот параметр, чтобы браузер быстрее загрузил картинку.
Примечание1. Имена файлов
Имена всех файлов твоего будущего сайта (абсолютно всех - картинок jpg или gif, файлов htm, php, css и т.д., включая расширения) должны состоять только из маленьких латинских букв.
Многие серверы интернета работают на Unix-системах, которые чувствительны к регистру и не понимают кириллицу. Для них, например, имена likbez.gif, likbez.GIF, Likbez.gif - это три разных файла.
Это было всё самое существенное по размещению картинок на вебстраницах. Ничего сложного :)
