Практическое занятие №36. Теоретический материал. lt;img srс=foto/xxx.jpg>. с=http://www.site.ru/image/xxx.jpg>.. align - выравнивание по горизонтали, имеет значения left и right;

Практическое занятие №36

Вставка изображений в веб-страницу

Тема занятия:4.1 Локальные и глобальные сети.

Цель занятия:формировать умения добавлять изображения в веб-страницу средствами языка HTML.

Материально – техническое обеспечение:персональный компьютер, стандартный текстовый редактор Блокнот, браузер.

Методическое обеспечение:методическое пособие по проведению практических занятий ЕН.02 «Информатика» часть 3, изображения в локальной сети в электронном виде.

Теоретический материал

На сайт можно ставить изображения в формате jpg, gif и png. Для небольших изображений, не имеющих большого количества цветов, можно использовать формат gif. Для больших же картинок требующих качественного отображения можно использовать png.

Для вставки изображения в HTML используется одиночный тэг img - это от английского слова image - изображение, картинка.

Картинка должна храниться в какой-то специальной папке, например, foto.

Если картинка находится в папке foto, то html код будет такой:

<img srс="foto/xxx.jpg">

Если на другом сайте в папке image то будет так:

с="http://www.site.ru/image/xxx.jpg>.

Существуют атрибуты для этого тэга.

- align - выравнивание по горизонтали, имеет значения left и right;

- height (высота) и width (ширина) - размер изображения в пикселях;

- border - рамка вокруг изображения:

<imgsrс=" foto/xxx.jpg " border="1"> -Создаёт рамку толщиной 1 пиксель;

- alt - для того, чтобы при наведении на картинку появлялась подсказка, т.е. краткое описание изображения или так называемый альтернативный текст:

<imgsrc=”foto/xxx.jpg” height=”100” alt=”моя картинка”>.

12 Следующая ⇒