Малюнки

Дата добавления: 2015-07-09; просмотров: 616; Нарушение авторских прав

Без ілюстрацій документ нудний, млявий і одноманітний. HTML дозволяє використовувати малюнки у форматі JPG і GIF для оформлення HTML-документів. Для вставки малюнків використовується тег <IMG>.Специфікація тега <IMG>:

<IMG

SRC=”адреса малюнка”

ALIGN=”вирівнювання”

HEIGHT=”висота малюнка”

WIDTH=”ширина малюнка”

BORDER=”товщина рамки”

Атрибут SRC визначає URL-адресу малюнка, який відображатиметься браузером.

Атрибут ALIGN визначає спосіб вирівнювання малюнка. Він може мати наступні значення:

· TOP – малюнок вирівнюється по верхньому краю поточного рядка.

· MIDDLE – малюнок вирівнюється посередені поточного рядку.

· BOTTOM – малюнок вирівнюється по нижньому краю поточного рядка.

· LEFT – малюнок притискається до лівого краю вікна браузера і обтікається текстом.

· RIGHT – малюнок притискається до правого краю вікна браузера і обтікається текстом.

Атрибут HEIGHT визначає висоту малюнка в пікселях.

Атрибут WIDTH визначає ширину малюнка в пікселях.

Використовуючи атрибути HEIGHT і WIDTH можна збільшувати або зменшувати малюнок. Якщо вказати тільки один з цих атрибутів, то малюнок буде збільшений або зменшений пропорційно і по ширині, і по висоті.

Атрибут BORDER дозволяє задавати рамку навколо малюнка. Значення цього атрибуту – товщина рамки в пікселях. За умовчанням – 1.

Приклад вирівнювання малюнків:

<HTML>

<HEAD>

<TITLE>Приклад вирівнювання</TITLE>

</HEAD>

<BODY>

Вирівнювання<IMG SRC=”ris1.jpg” ALIGN=”TOP”>по

верхньому краю

Вирівнювання<IMG SRC=”ris1.jpg” ALIGN=”BOTTOM”>

Вирівнювання по нижньому краю

Вирівнювання<IMG SRC=”ris1.jpg” ALIGN=”MIDDLE”>

посередені

</BODY>

</HTML>

Браузер відобразить даний приклад так:

Приклад вирівнювання

Вирівнювання по верхньому краю

Вирівнювання по нижньому краю

Вирівнювання посередені

<== предыдущая лекция	\|	следующая лекция ==>
Таблиці	\|	Малюнок-посилання