Existujφ atributy, kterΘ m∙╛e mφt ka╛d² HTML tag. Jß je naz²vßm obecn²mi atributy a pro ·sporu mφsta je uvßdφm najednou.
Atribut | V²znam | Platnost pro |
---|---|---|
class | t°φda pro CSS selekci | v╣echny elementy |
id | identifikßtor pro CSS a skripty | v╣echny elementy |
style | zßpis CSS stylu | zobrazovanΘ elementy |
title | titulek elementu, dopl≥ujφcφ info v bublin∞ | v╣echny elementy |
lang | jazyk elementu | v╣echny elementy |
name | jmΘno pro spoluprßci s dal╣φmi prvky | r∙znß pou╛itelnost |
accesskey | funkΦnφ klßvesa | aktivnφ elementy |
tabindex | po°adφ aktivizace tabulßtorem | akrivnφ elementy |
language | jazyk skriptu | v╣echny elementy |
udßlosti | u╛ivatelskΘ udßlosti spou╣t∞jφcφ skripty | zobrazovanΘ elementy |
T°φda elementu pou╛φvanß pro CSS. Umo╛≥uje jednoduchΘ oznaΦenφ elementu, kter² mß mφt jin² vzhled. V zßpisu stylu se jmΘnu t°φdy p°ed°azuje teΦka.
P°φklad:<style>
.cervene {color: red}
</style>
...
<p class="cervene">Odstavec Φerven²m pφsmem</p>
Identifikßtor, kter² by m∞l b²t jednoznaΦn². Pou╛φvß se pro CSS a skripty. V zßpisu CSS se jmΘnu identifikßtoru p°ed°azuje k°φ╛ek #.
P°φklad:<style>
#mrnavej {font-size: 5px}
</style>
...
<p id="mrnavej">Odstavec d∞sn∞ mr≥av²m pφsmem.</p>
Zßpis stylu v jazyce CSS.
P°φklad:<p style="line-height: 200%">Odstavec s dvojitou v²╣kou °ßdku</p>
Titulek elementu, dopl≥kovß informace. V dne╣nφch prohlφ╛eΦφch se zobrazuje ve ╛lutΘ bublin∞ p°i p°ejφ╛d∞nφ elementu my╣φ (to d°φve ╣lo jenom atributem alt u obrßzk∙). HezkΘ zvlß╣t∞ u odkaz∙.
Jazyk elementu. V souΦasnosti nep°φli╣ u╛iteΦnß v∞c. V budoucnu se s nφ poΦφtß pro lep╣φ zobrazovßnφ dokumentu v nßrodnφm prost°edφ. Standardnφ hodnotou pro Φe╣tinu je "cs" (nikoli cz).
JmΘno. Nenφ to a╛ tak obecn² atribut, dß se u╛iteΦn∞ pou╛φt pouze u n∞kter²ch tag∙. V╛dy mß ale tent²╛ ·Φel: jednoznaΦn∞ pojmenovat (identifikovat) element pro spoluprßci prvk∙. V dynamickΘm HTML jeho funkci p°evzal atribut id.
FunkΦnφ klßvesa. Tento atribut dovoluje ke ka╛dΘmu elementu p°i°adit klßvesu, po jejφm╛ stisknutφ (na Windowsech navφc s Altem) se bude element aktivovat. Dß se pou╛φt pouze u element∙, kterΘ mohou b²t aktivovßny, to znamenß u odkaz∙ a prvk∙ formulß°e.
P°φklad odkazu s funkΦnφ klßvesou: <a href="www.alt-f4.cz" accesskey="w">Mßte rßdi <b>W</b>indows?</a>
Po°adφ prvku pro funkci tabelßtoru. V prohlφ╛eΦφch tabulßtor slou╛φ pro p°echßzenφ po aktivnφch prvcφch (odkazy a prvky formulß°e). Atribut tabindex dovoluje pozm∞nit v²chozφ po°adφ prvk∙, tak╛e se mohou aktivovat v jinΘm po°adφ, ne╛ jak jsou uvedeny v HTML k≤du. Hodnotou atributu tabindex je p°irozenΘ Φφslo.
Jazyk skriptu. Pou╛φvß se velmi z°φdka, v∞t╣inou se toti╛ skriptuje v JavaScriptu a ten nenφ pot°eba takto nastavovat. Ale programßto°i v VBScriptu pot°ebujφ atribut language pro zßpis in-line skript∙. Pozor, neple╗te si atribut language s atributem lang (jazyk dokumentu).
V dynamickΘm HTML se do ka╛dΘho tagu m∙╛e p°idat atribut udßlosti, kter² za°φdφ spu╣t∞nφ n∞jakΘho skriptu. Udßlostφ je asi dvacet, klasick²m p°φkladem je onmouseover -- p°ejetφ prvku my╣φ nebo onclick -- kliknutφ na element. V²pis v╣ech mo╛n²ch udßlostφ u╛ nepat°φ do HTML, ale do popisu skriptovacφch jazyk∙. V angliΦtin∞ se udßlostem °φkß "events".
P°φklad: <p onclick="alert('Trefa')">Klikateln² odstavec</p>
P°edchozφ: Nejd∙le╛it∞j╣φ tagy | Obsah | Dal╣φ: Struktura dokumentu |
Vizte tΘ╛: CSS - KaskßdovΘ styly, DynamickΘ HTML |
HTML jazyk
HTML tagy
Hledßnφ
HTML p°φruΦka
http://dusan.pc-slany.cz/internet/html/
Pφ╣e Yuh∙: autorova strßnka, mail: dusan@pc-slany.cz