Атрибути тегу Img

Атрибут

Призначення

Приклад

Src

Вказує адресу (URL-адресу) графічного зображення з розширенням

<img src="http://site.ru/images/malyunok.gif">

Width

Визначає ширину зображення в пікселях

<img src="http://site.ru/images/ malyunok.gif" width="150">

Height

Визначає висоту зображення в пікселях

<img src="http://site.ru/images/ malyunok.gif" Height="130">

Hspace

Визначає відступ малюнка (в пікселях) по горизонталі від інших об’єктів

<img src="http://site.ru/images/ malyunok.gif" hspace="30">

Vspace

Визначає відступ малюнка (в пікселях) по вертикалі від інших об’єктів

<img src="http://site.ru/images/ malyunok.gif" Vspace="20">

Align

Вказує спосіб вирівнювання зображення в документі

<img src="http://site.ru/images/ malyunok.gif.gif" align="left">

Name

Визначає ім’я зображення, унікальне для даного документа

<img src="http://site.ru/images/ malyunok.gif" name="risunok">

Alt

Це повідомлення, яке виводиться замість малюнка, якщо браузер по якійсь причині не зміг відобразити малюнок

<img src="http://site.ru/images/ malyunok.gif" alt="Це повідомлення, яке виводиться замість малюнка">

Border

Визначає ширину рамки навколо зображення в пікселях

<img src="http://site.ru/images/ malyunok.gif" border="2">

Зовнішній зв’язок

<A HREF=“URL”> Текст зв’язку </A>

Якір

<A NAME=“Ім’я якоря”> Текст якоря </A>

Внутрішній зв’язок

<A HREF=“#Ім’я якоря”> Текст зв’язку </A>

FTP (файл)

<A HREF=“ftp://вузол/каталог/ім’я”> Текст зв’язку </A>

Атрибут

Призначення

Приклад

Href

Задає адресу посилання

<a href="http://www.site.ua/index.html">Головна</a>

<a href="ftp://ftp.site.ua/zip/sof/file.exe">качатb</a>

<a href="mailto:blue_person@gmail.com">E-mail</a>

Name

Створює посилання всередині сторінки

Закладка: <A NAME="Ім’я закладки"></a>

Посилання на закладку: a href="#Ім’я закладки">Назва розділу</a>

Посилання на закладку в іншому документі: <a href="Ім’я документа#Ім’я закладки">Назва розділу</a>

Target

Визначає, в якому вікні (фреймі) загрузити посилання

Завантаження на весь простір вікна браузера: <a href="URL" target="_top">Текст посилання</a>

Завантаження в новому вікні браузера: <a href="URL" target="_blank">Текст посилання</a>

Завантаження вмістимого посилання у вікно, яке містить дане посилання: <a href="URL" target="_self">Текст посилання</a>

Завантаження вмістимого сторінки, заданого посиланням, у вікно, яке являється власником набору фреймів:

<a href="URL" target="_parent">Текст посилання</a>

Атрибут

Призначення

Приклад

Width

Задає ширину таблиці в пікселях чи у відсотках від ширини об’єкту, в якому розташована таблиця.

<table width="70%">

Height

Задає висоту таблиці в пікселях чи у відсотках від ширини об’єкту, в якому розташована таблиця.

<table height="70%">

Bgcolor

Визначає колір фона таблиці

<table bgcolor="blue">

Background

Дозволяє залити тіло таблиці графічним зображенням (значення – шлях до файлу зображення)

<table background="http://site.ua/images/fon.gif">

Border

Вказує ширину зовнішньої рамки таблиці в пік селях (“0” – рамка відсутня)

<table border="2">

Align

Атрибут горизонтально вирівнювання таблиці ("center", "left" та "right")

<table align="center">

Cellspacing

Визначає відстань в пік селях між чарунками таблиці

<table cellspacing="2">

Cellpadding

Визначає відстань в пік селях між рамкою кожної чарунки таблиці та її вмістом

<table cellpadding="10">

Атрибут

Призначення

Приклад

Bgcolor

Визначає колір фона рядка таблиці

<tr bgcolor="blue">

Align

Атрибут горизонтально вирівнювання вмістимого всіх чарунок даного рядка ("center", "left" та "right")

<tr align="center">

Valign

Визначає спосіб вертикального вирівнювання рядка всіх чарунок даного рядка (значення: “top” – по верхній границі рядка, “bottom” – по нижній границі рядка та “middle” – по центру рядка)

<tr valign="top">

Атрибут

Призначення

Приклад

Width

Задає ширину чарунки в пікселях чи у відсотках від ширини таблиці.

<td width="15%">

Height

Задає висоту таблиці в пікселях чи у відсотках

<td height="150">

Bgcolor

Визначає колір фона чарунки

<td bgcolor="green">

Background

Дозволяє залити тіло чарунки графічним зображенням (значення – шлях до файлу зображення)

<td background="http://site.ua/images/fon.gif">

Align

Атрибут горизонтально вирівнювання вмістимого чарунки ("center", "left" та "right")

<td align="centr">

Valign

Визначає спосіб вертикального вирівнювання вмістимого чарунки (значення: “top” – по верхній границі рядка, “bottom” – по нижній границі рядка та “middle” – по центру рядка)

<td valign="top">

Colspan

Об’єднує декілька суміжних чарунок рядка в одну велику чарунку (значенням являється число об’єднаних комірок )

<td colspan="2">

Rowspan

Об’єднує декілька суміжних чарунок із сусідніх рядків в одну велику чарунку (значенням являється число об’єднаних комірок )

<td rowspan="2">

Атрибут

Призначення

Action

Задає адресу програми або документа, які обробляють дані форми

Method

Задає метод передачі даних по протоколу http

Name

Задає ім’я форми. Використовується для звернення до форми з допомогою javаscript.

Target

Задає ім’я вікна або фрейму, куди обробник завантажуватиме результат, який повертає

Enctype

Задає тип інформації форми

Значення атрибуту

Призначення

Button

Відображає кнопку

Checkbox

Відображає прапорець. Якщо користувач установив прапорець, то цьому полю надається значення, яке визначається параметром value дескриптора <input>.

File

Відображає поле для відсилання файлу

Hidden

Не відображає керуючий елемент інтерфейсу. Значення цього параметра визначається або сторінкою, що виконується, або клієнтським сценарієм, або динамічним HTML.

Password

Виводить поле для введення пароля. Символи, що вводяться, не відображаються на екрані.

Radio

Відображає перемикач. Значення name цього дескриптора визначає групу перемикачів. При виборі перемикача полю, пов'язаному з цією групою, надається значення, визначене параметром value дескриптора <input>.

Reset

Відображає кнопку для очистки форми

Submit

Відображає кнопку, при натисканні якої форма і всі введені значення передаються на сервер.

Text

Відображає текстове поле для введення одного рядка тексту.

Атрибут

Призначення

Src

Задає шлях до файлу, призначеного для завантаження у фреймі

Name

Задає унікальне ім’я фрейму

Scrolling

Задає спосіб відображення смуги прокрутки у фреймі. Можливі варіанти значень: yes, no, auto

Bordercolor

Задає колір лінії границі

Frameborder

Визначає чи слід відображати рамку довкола фрейму

Norsize

Визначає чи можна користувачеві змінювати розмір фрейму або ні

Атрибут

Призначення

Shape

Визначає форму активної області. Може набувати значень: circle, rect, poly

Alt

Додає альтернативний текст підпису посилання для кожної області

Cords

Задає координати активної області. Координати відраховуються в пікселях від лівого верхнього кута зображення. Перше число є координатою по горизонталі, друге – по вертикалі

background-attachment

Встановлює, чи повинна фонова картинка скролитися або має бути зафіксована у вікні браузеру

background-color

Встановлює колір фону для елементу

background-image

Встановлює фонову картинку для елементу

background-position

Встановлює первинне положення для фонової картинки

background-repeat

Управляє циклічним повторенням фонової картинки

border-color

Встановлює колір рамки з усіх боків елементу

border-width

Встановлює товщину рамки з усіх боків елементу

border-style

Визначає стиль оформлення рамки довкола елементу

border-collapse

Вказує елементам таблиці, чи мати окрему рамку або загальну із сусідньою коміркою

border-spacing

Встановлює відстань між комірками таблиці

border-top-color

Встановлює колір верхнього бордюру

border-top-style

Встановлює стиль лінії верхнього бордюру

border-top-width

Встановлює ширину верхнього бордюру

border-bottom-color

Встановлює колір нижнього бордюру

border-bottom-style

Встановлює стиль лінії нижнього бордюру

border-bottom-width

Встановлює ширину нижнього бордюру

border-left-color

Встановлює колір лівого бордюру

border-left-style

Встановлює стиль лінії лівого бордюру

border-left-width

Встановлює ширину лівого бордюру

border-right-color

Встановлює колір правого бордюру

border-right-style

Встановлює стиль лінії правого бордюру

font-family

Визначає шрифт для відображення тексту

font-size

Управляє розміром шрифту

font-style

Управляє нахилом шрифту (курсив)

font-variant

Управляє зовнішнім виглядом рядкових букв (рядкові як прописні, "капітель")

font-weight

Управляє товщиною (насиченістю) шрифту

Position

Визначає порядок, відповідно до якого елемент відображається на Web-сторінці

Bottom

Зміщує елемент відносно нижнього краю. Використовується спільно з властивістю position

Left

Зміщує елемент відносно лівого краю. Використовується спільно з властивістю position

page-break-before

Зміщує елемент відносно верхнього краю. Використовується спільно з властивістю position

Right

Зміщує елемент відносно правого краю. Використовується спільно з властивістю position

z-index

Визначає порядок, відповідно до якого елементи накладаються один на одного, якщо необхідно відображати їх на одному місці

Clear

Забороняє/дозволяє елементу обтікати "floated" об’єкти

Clip

Визначає область елементу, яка повинна відображуватися на сторінці

Display

Змінює базові властивості елементів

Float

Зміщує елемент до правого або лівого краю

Height

Визначає висоту прямокутної області довкола елементу

Overflow

Визначає як відображати блоковий елемент у разі, якщо його вміст виходить за рамки батьківського елементу

Visibility

Управляє налаштуванням видимості елементу

Width

Визначає ширину прямокутної області довкола елементу

list-style-image

Встановлює зображення, яке використовуватиметься для маркіровки пунктів списку

list-style-position

Визначає, як відображати на сторінці маркер пункту в списку: усередині того ж прямокутника, в якому розташовується елемент списку або поза ним

list-style-type

Визначає, який вигляд матиме маркер пункту в списку

Direction

Застосовується при створенні сайтів на мовах, в яких читання сторінки йде справа наліво

letter-spacing

Визначає довжину інтервалу між буквами

page-break-inside

Визначає розмір міжрядкового інтервалу

text-align

Вирівнює вміст блокового елементу (текст або зображення) відносно границь блоку, а також вміст елементів таблиці по горизонталі

text-decoration

Визначає, який оформлювальний прийом потрібно застосувати до тексту

text-indent

Визначає розмір відступу першого рядка в тексті

text-transform

Управляє написанням прописних або рядкових букв в тексті

vertical-align

Визначає висоту вмісту усередині елементу або усередині елементу таблиці

white-space

Визначає як відображати пропуски, символи табуляції і порожнього рядка

word-spacing

Визначає відстань між словами

Widows

Дозволяє уникнути появи висячого рядка

Orphans

Дозволяє уникнути появи самотнього першого рядка

page-break-after

Визначає наявність або відсутність розриву сторінки після елементу при друці

page-break-before

Визначає наявність або відсутність розриву сторінки перед елементом при друці

page-break-inside

Визначає наявність або відсутність розриву сторінки усередині елементу при друці

padding-bottom

Визначає ширину простору між вмістом елементу і нижнім бордюром

padding-left

Визначає ширину простору між вмістом елементу і лівим бордюром

padding-right

Визначає ширину зовнішнього простору між правим бордюром і невидимою границею прямокутника

padding-top

Визначає ширину зовнішнього простору між верхньою границею і невидимою границею прямокутника

caption-side

Визначає, де відображуватиметься заголовок таблиці: над нею або під нею

Color

Встановлює колір тексту елементу

Content

Застосовується для того, щоб вставити текст або зображення або після якого-небудь елементу

counter-increment

Задає значення приростів лічильника

counter-reset

Встановлює ідентифікатор, який зберігає лічильник відображень якого-небудь елементу і встановлює початкове значення цього лічильника

Cursor

Визначає вигляд курсору при наведенні мишки на деякий елемент

empty-cells

Визначає, чи потрібно відображувати границі та тло комірки, якщо в ній немає вмісту

margin-bottom

Визначає ширину зовнішнього простору між нижнім бордюром і невидимою границею прямокутника

margin-left

Визначає ширину зовнішнього простору між лівим бордюром і невидимою границею прямокутника

margin-right

Визначає ширину зовнішнього простору між правим бордюром і невидимою границею прямокутника

margin-top

Визначає ширину зовнішнього простору між верхнім бордюром і невидимою границею прямокутника

max-height

Визначає максимальну висоту елементу

max-width

Визначає максимальну ширину елементу

min-height

Визначає мінімальну висоту елементу

min-width

Визначає мінімальну ширину елементу

outline-color

Визначає колір контура довкола елементу

outline-style

Визначає вигляд контура довкола елементу

outline-width

Визначає ширину контура довкола елементу

Quotes

Визначає вигляд відкриваючої і закриваючої лапки в тексті

table-layout

Визначає ширину стовпців в таблиці