HTML тілі бірнеше элементтерді қамтиды. Бұлар әдебиеттер, тақырыптар, сілтемелер және кескіндер сияқты әдетте пайдаланылатын веб-торап құрамдастарын қамтиды. Сондай-ақ, HTML5-те тақырып, nav, төменгі колонтитура және басқалары қамтылған бірнеше жаңа элементтер бар. Барлық осы HTML элементтері құжаттың құрылымын жасау үшін пайдаланылады және оның мәнін береді. Элементтерге көбірек мағынаны қосу үшін оларға атрибуттар беруге болады.
Негізгі HTML ашу тегі <таңбадан басталады. Бұдан кейін тегтің атауы және, ақырында, тегті> таңба арқылы аяқтаңыз. Мысалы, бастапқы параграф тегі мына түрде жазылады:
HTML тегіңізге атрибут қосу үшін алдымен тег атауынан кейін бос орын қалдырыңыз (бұл жағдайда «p»). Содан кейін пайдаланғыңыз келетін төлсипат атауын, одан кейін теңдік белгісін қосасыз. Ақырында, атрибут мәні тырнақшаға орналастырылады. Мысалға:
Тегтер бірнеше атрибуттарға ие болуы мүмкін. Әрбір төлсипатты басқалардан бос орынға бөлесіз.
Міндетті төлсипаттары бар элементтер
Кейбір HTML элементтері, егер олар сіз ойластырылғандай жұмыс істегіңіз келсе, атрибуттарды талап етеді. Сурет элементі мен сілтеме элементі - бұл екі мысал.
Сурет элементі «src» атрибутын қажет етеді. Бұл атрибут браузерге сол жерде қандай кескінді пайдаланғыңыз келетінін көрсетеді. Атрибуттың мәні суретке арналған файл жолы болады. Мысалға:
Бұл элементке басқа атрибутты, «alt» немесе баламалы мәтін төлсипатын қосқанымды байқайсыз. Бұл суреттер үшін техникалық тұрғыдан қажетті төлсипат емес, бірақ бұл мазмұнды әрқашан қол жетімділікке қосудың жақсы тәжірибесі. Alt төлсипатының мәнінде тізімделген мәтін қандай да бір себептермен сурет жүктелмеген жағдайда көрсетілетін болады.
Арнайы атрибуттарды талап ететін тағы бір элемент - якорь немесе сілтеме тегі. Бұл элемент «гиперәтіндік сілтеме» дегенді білдіреді «href» атрибутын қамтуы керек. Бұл «бұл сілтеме қайда баруға болатыны» деген керемет әдіс. Сурет элементіне жүктелетін суретті білу керек сияқты сілтеме тегі сілтеме тегінің қалай көрінуі мүмкін екендігін біліңіз:
Бұл сілтеме енді адамды атрибут құнымен көрсетілген веб-сайтқа әкеледі. Бұл жағдайда, бұл негізгі бет.
CSS Hooks сияқты төлсипаттар
Атрибуттардың тағы бір қолдануы - олар CSS стильдері үшін «ілгектер» ретінде пайдаланылғанда. Веб стандарттарында сіздің бетіңіздің құрылымын (HTML) өзінің стильдерінен (CSS) бөлек ұстауыңыз керек екенін ескергенде, құрылымдағы беттің веб-браузерде қалай көрсетілетінін көрсету үшін CSS-де осы атрибут ханымдарын қолданасыз. Мысалы, сіздің HTML құжатыңыздағы осы түзетуді алуыңыз мүмкін.
Бөлімнің қара түсті (# 000) және 1.5em қаріп өлшемі болуы үшін, сіз оны CSS-ге қосасыз:
.featured {background-color: # 000; қаріптің өлшемі: 1.5em;}«Таңдаулы» сынып атрибуты осы аймаққа мәнерлерді қолдану үшін CSS-де пайдаланатын ілмек ретінде қолданылады. Егер біз қаласақ, бізде ID атрибуты бар. Екі сынып пен идентификатор әмбебап атрибуттар болып табылады, яғни олар кез келген элементке қосылуы мүмкін дегенді білдіреді. Олар сондай-ақ, осы элементтің көрнекі көрінісін анықтау үшін арнайы CSS мәнерлерімен де мақсатты болуы мүмкін.
Javascript қатысты
Ақырында, белгілі бір HTML элементтеріндегі атрибуттарды пайдалану, Javascript-да қолдануға болатын нәрсе болып табылады. Егер сізде белгілі бір ID атрибуты бар элементті іздейтін сценарий бар болса, бұл HTML тілінің осы жалпы бөлігін тағы бір рет пайдалану болып табылады.