Значення атрибутів HTML
Сайт для веб-розробників (програмістів, верстальників, дизайнерів).
Типи значень атрибутів HTML
Схема HTML-тега з атрибутом і значенням, виглядає наступним чином:
Схема парного тега:
Схема одиночного тега:
У статті Про атрибути HTML ми розглянули види атрибутів, що існують у мові HTML. У різних атрибутів є певні типи значень , давайте розглянемо їх:
Значення атрибутів подій
Значення атрибутів форматування
Замість атрибутів форматування та їх значень зараз використовують CSS-властивості. Однак якщо вам все ж таки захочеться додати в HTML-теги атрибути форматування, то ви можете це зробити.
Значення атрибутів форматування, поділяються на три види:
а) значення розміру, б) значення кольору, в) ключове слово.
а) В якостізначень розміру виступають пікселі px або відсотки % , докладніше про це ви можете прочитати у статті Одиниці виміру в HTML
Приклади використання значень розміру атрибутів форматування: height="100px" – висота елемента 100 пікселів, w – ширина елемента 50 відсотків.
б) В якостізначень кольору можуть виступати слова англійською мовою (наприклад red ) або числа в шістнадцятковому форматі (наприклад #ff0000 ), докладніше про це ви можете прочитати у статті Колір HTML
Приклади використання значень кольору атрибутів форматування: color="red" - червоний колір шрифту, заданий англійським словом, bgcolor="#ff0000" - червоний колір фону елемента, заданий у шістнадцятковому форматі, bordercolor=" green - зелений колір рамки елемента, заданий англійським словом.
в) Якзначень ключового слова виступають слова які вжевбудовані в мову HTML, наприклад right, top, _blank і т.д.
Приклади використаннязначень ключового слова, в атрибутах: align="right" - вирівнює елемент з правого краю, valign="bottom" - вирівнює елемент з нижнього краю, target= "_blank" – відкриває сторінку в новому вікні (не є атрибутом форматування).
Значення атрибутів селекторів
Як значенняатрибутів селекторів виступає будь-яке слово, яке можна набрати англійськими літерами, більш докладно про це ви можете прочитати в статті Селектори CSS
Приклади використання значень атрибутів селекторів: - значення імені класу селектора, - значення імені селектора унікального ідентифікатора.
Значення атрибуту стилю
Якзначення атрибуту стилю виступає CSS-код, докладніше про це ви можете прочитати в підручнику з мови CSS, у статті Впровадження атрибута style
Приклади використання значень атрибуту style=" " : style="color: green;" - привласнити шрифту зелений колір green, style = font-family: Arial; - присвоїти шрифту ім'я Arial.
Значення атрибутів вказівки шляху
http://site.ru - абсолютний шлях, http://site.ru/stranitsa.html - абсолютний шлях,
../stranitsa.html - відносний шлях, /img/myPicture.html - відносний шлях.
Значення атрибутів опису
Якзначень атрибутів опису виступає довільний текст описує той чи інший елемент сторінки.
Приклади використання значень атрибутів опису: alt="Це фотографія мого кота" - опис зображення, title="Натиснувши на посилання, ви перейдете на крутий сайт" - опис посилання за допомогою глобального атрибута title .