Воскресенье, 24.09.2017, 11:40


Главная
Регистрация
Вход
Всё о консольных играх Приветствую Вас Гость | RSS  
Категории раздела
СВОЙ САЙТ [9]

Рекомендуем
оплата за показы

Наш опрос
Какой софт вам интересен?
Всего ответов: 57

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Главная » Статьи » СВОЙ САЙТ » СВОЙ САЙТ

Внедряем картинки

Я надеюсь, что у тебя уже есть картинка, которую ты хочешь использовать в качестве логотипа для своего веб-проекта. Если ещё такой картинки нет, или она находится в процессе создания, то ты можешь временно использовать картинку мою. Но только, как объект для учёбы. Помещать мои картинки в интернете низзя! :)

В этом случае скопируй на время файл \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 - это три разных файла.

Это было всё самое существенное по размещению картинок на вебстраницах. Ничего сложного :)

Категория: СВОЙ САЙТ | Добавил: Ardoz (17.12.2008)
Просмотров: 493 | Рейтинг: 5.0/1 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа

Поиск

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2017Хостинг от uCoz