HTML езикът включва редица елементи. Те включват често използвани компоненти на уебсайтове като параграфи, заглавия, връзки и изображения. Съществуват и редица по-нови елементи, които бяха въведени с HTML5, включително заглавката, навигацията, долната част и др. Всички тези HTML елементи се използват, за да се създаде структурата на документ и да му се даде смисъл. За да добавите още повече значение към елементите, можете да им дадете атрибути.
Основният маркер за отваряне на HTML започва с <знака. Това е последвано от името на маркера и накрая попълвате маркера с> знака. Например маркерът за началния параграф ще бъде написан така:
За да добавите атрибут към HTML маркера, първо поставете интервал след името на маркера (в този случай това е "p"). След това ще добавите името на атрибута, което искате да използвате, последвано от равен знак. И накрая, стойността на атрибута ще бъде поставена в кавички. Например:
Етикетите могат да имат няколко атрибута. Вие ще отделите всеки атрибут от останалите с интервал.
Елементи с необходимите атрибути
Някои HTML елементи всъщност изискват атрибути, ако искате да работят по предназначение. Елементът на изображението и елементът на връзката са два примера за това.
Елементът на изображението изисква атрибута "src". Този атрибут разкрива на браузъра кое изображение искате да използвате в това местоположение. Стойността на атрибута ще бъде път на файла към изображението. Например:
Ще забележите, че към този елемент добавих друг атрибут, атрибута "alt" или алтернативен текст. Това технически не е задължителен атрибут за изображения, но е най-добрата практика винаги да се включва това съдържание за достъпност. Текстът, посочен в стойността на атрибута alt, е това, което ще се покаже, ако изображението не успее да се зареди по някаква причина.
Друг елемент, който изисква специфични атрибути, е котвеният маркер или етикетът на връзката. Този елемент трябва да включва атрибута "href", който означава "хипертекст". Това е фантастичен начин да се каже "къде трябва да се свърже тази връзка". Точно като елемента на изображението трябва да знае кое изображение да се зареди, знайте къде би искал. Ето как може да изглежда маркер за връзка:
Тази връзка сега ще доведе човек на уебсайта, посочен в стойността на даден атрибут. В този случай това е основната страница на.
Атрибути като CSS куки
Друга употреба на атрибути е, когато се използват като "куки" за CSS стилове. Тъй като уеб стандартите диктуват, че трябва да запазите структурата на страницата си (HTML) отделно от стиловете (CSS), използвате тези куки за атрибути в CSS, за да определите как структурираната страница да се показва в уеб браузъра. Например, можете да имате това парче маркиране във вашия HTML документ.
Ако искате разделянето да има цвят на фона на черно (# 000) и размер на шрифта от 1.5, вие бихте добавили това към вашия CSS:
.featured {background-color: # 000; размер на шрифта: 1.5em;}Атрибутът "featured" в класа действа като кука, която използваме в CSS, за да приложим стилове в тази област. Бихме могли да ни идентифицираме и тук, ако искаме. И двата класа и идентификационни номера са универсални атрибути, което означава, че те могат да бъдат добавени към всеки елемент. Те могат да бъдат насочени и към конкретни CSS стилове, за да определят визуалния облик на този елемент.
По отношение на Javascript
И накрая, използването на атрибути върху някои HTML елементи е нещо, което може да използвате в Javascript. Ако имате скрипт, който търси елемент със специфичен идентификационен номер, това е още едно използване на това общо парче от HTML езика.