ХТМЛ језик укључује бројне елементе. Ту спадају често коришћени компоненте веб странице попут пасуса, наслова, веза и слика. Постоји и низ новијих елемената који су уведени са ХТМЛ5, укључујући заглавље, нав, подножје и још много тога. Сви ови ХТМЛ елементи се користе за стварање структуре документа и давање значења. Да бисте елементима додали још више значења, можете им доделити атрибуте.
Основна ХТМЛ почетна ознака започиње знаком <.>. На пример, почетна ознака пасуса написала би се овако:
Да бисте додали атрибут свом ХТМЛ таг, прво стављате размак након назива ознаке (у овом случају то је „п“). Тада бисте додали име атрибута које желите да користите, а затим знак једнакости. Коначно, вредност атрибута стављала би се под наводнике. На пример:
Ознаке могу имати више атрибута. Сваки атрибут одвојили бисте размаком.
Елементи са потребним атрибутима
Неки ХТМЛ елементи заправо захтевају атрибуте ако желите да раде како је предвиђено. Елемент слике и елемент везе су два примера за то.
Тхе
елемент слике захтева атрибут "срц". Тај атрибут говори прегледачу коју слику желите да користите на тој локацији. Вредност атрибута била би путања датотеке до слике. На пример:
Приметићете да смо овом елементу додали још један атрибут, атрибут „алт“ или алтернативни текст. Ово технички није потребан атрибут за слике, али најбоља је пракса увек укључити овај садржај ради приступачности. Текст наведен у вредности алт атрибута је оно што ће се приказати ако се појави слика не успева да се учита из неког разлога.
Други елемент који захтева одређене атрибуте је сидро или ознака везе. Овај елемент мора да садржи атрибут „хреф“, што значи „референца хипертекста.“ То је фенси начин да се каже „где ова веза би требало да иде. "Баш као што и елемент слике треба да зна коју слику да учита, и ознака везе мора да зна где треба до. Ево како ознака везе може изгледати:
Та веза би сада довела особу на веб локацију наведену у вредности атрибута. У овом случају то је главна страница Дотдасх-а.
Атрибути као ЦСС удице
Друга употреба атрибута је када се користе као „куке“ за ЦСС стилови. Јер веб стандарди налажу да структуру странице (ХТМЛ) држите одвојено од њених стилова (ЦСС), користите ове удице атрибута у ЦСС-у да бисте одредили како ће се структурирана страница приказивати на вебу претраживач. На пример, овај део ознаке можете имати у свом ХТМЛ документу.
Ако бисте желели да та подела има црну боју позадине (# 000) и величину фонта 1,5ем, додали бисте ово у свој ЦСС:
.издато {бацкгроунд-цолор: # 000; величина фонта: 1,5ем;}
Атрибут класе „истакнуто“ делује као кука коју користимо у ЦСС-у за примену стилова на то подручје. Овде бисмо такође могли да користимо атрибут ИД ако желимо. И класе и ИД-ови су универзални атрибути, што значи да се могу додати било којем елементу. Обоје могу бити циљани са одређеним ЦСС стиловима како би се утврдио визуелни изглед тог елемента.
Што се тиче Јавасцрипта
Коначно, коришћење атрибута на одређеним ХТМЛ елементима је такође нешто што можете користити у Јавасцрипту. Ако имате скрипту која тражи елемент са одређеним ИД атрибутом, то је још једна употреба овог уобичајеног дела ХТМЛ језика.