-Łatwy Kurs HTML z Reaperem 3 - Artybuty

[xElf]

Yoo!
Dawno mnie nie by?o, co? Niestety, ale nauka nakaza?a mi zaprzesta? lenistwo i relaks - oczywi?cie podczas klimatu Wielkanocy jestem wolny, niczym anio?. Postaram si? tworzy? tyle poradnik?w ile tylko mo?liwe. Opiera? si? b?d? one generalnie, o HTML - z innymi tematami na razie damy sobie spok?j. U?ywaj?c egoistycznej sentencji powiem; wiem co robi?, znam si? na swojej dziedzinie, wi?c je?li Twa osoba, posiada jakiekolwiek w?tpliwo?ci opartych o me poradniki, po prostu pisz, a ja postaram si? wyja?ni? takow? sytuacj?.
No, ale przejd?my do rzeczy... o czym jest owa lekcja?
Dzisiaj opisz? wam par? wa?nych informacji na temat artybut?w (zagadnienie zostanie wyja?nione, w poradniku). S? one w miar? trudne, ale je?li ostatni poradnik (

You do not have permission to view link please Log in or Register

) zrobi?e?/a? poprawnie, to z pewno?ci? nie b?dziesz mia?/a problem?w z tym.

Spis Tre?ci
Artybuty
Trening
Kilka s??w od autora
Inne


Artybuty


Znacznik kt?ry otwiera dany element strony, mo?e posiada? "artybut". Pojedynczy artybut sk?ada si? z nazwy i przypisanej jej warto?ci. Za pomoc? artybut?w, definiujemy dodatkowe parametry znacznika. Schematyczna posta? takiego sk?adnika, mo?e wygl?da? w ten spos?b:

<znacznik artybut="warto??">tre??</znacznik>

Warto?? artybutu zawsze trzeba uj?? w cudzys??w ("). Oczywi?cie poszczeg?lne, zaawansowane przegl?darki pomimo faktu, ?e zauwa?y?y b??d w kodzie, to i tak odczytaj? go poprawnie. Niestety, dok?adny i prawdziwy programista jest zmuszony u?ywa? takowych znak?w - nie u?ywanie ich, nawet gdy nie ma to ?adnych zmian, jest b??dne!

Gdy mamy do czynienia, z tak zwanym znacznikiem "pustym" schemat post?powania nie zmienia si?. Po prostu znacznik otwieraj?cy, jest jednocze?nie zamykaj?cym.

<znacznik artybut="warto??" />

Artybuty niekiedy wr?cz trzeba zastosowa?. B?d? one omawiane, wraz z kontynuacj? poradnik?w.
Lista najwa?niejszych artybut?w:
Class - okre?la klas? lub klasy, do kt?rych nale?y artybut. Zagadnienie to zostanie dok?adniej obja?nione w p??niejszych poradnikach. W skr?cie: klasa decyduje o sposobie prezentacji elementu. Wiele element?w strony mo?e nale?e? do jednej klasy, jeden element mo?e te? nale?e? do wielu r??nych klas. W tym drugim przypadku poszczeg?lne nazwy klas nale?y oddzieli? spacjami. Nazwa klasy mo?e sk?ada? si? jedynie z cyfr, liter, znaku pokre?lenia (_) i kreski (-). Przyk?ady:

<p class="akapity_glowne">Tekst akapitu</p>
<p class="akapity_glowne_wyroznione">Tekst akapitu</p>

Dir - okre?la kierunek odczytu tekstu b?d?cego zawarto?ci? danego elementu strony. Mo?e przyjmowa? warto?ci ltr (ang. left or right), co oznacza od lewej do prawej, lub rtl (z ang. right to left), co oznacza od prawej do lewej. W praktyce bardzo rzadko stosowany. Przyk?ad:

<p dir="ltr">Tekst akapitu</p>

ID - pozwala nada? danemu elementowi strony unikatowy identyfikator. Taki identyfikator mo?e by? p??niej u?ywany do odwo?ywania si? do tego elementu. Nazwa identyfikatora, podobnie jak w przypadku artybutu class, mo?e si? sk?ada? wy??cznie z liter, cyfr oraz znak?w _ i -. Przyk?ad, pokazany poni?ej:

<p id="akapit1">Tekst akapitu</p>

Lang - okre?la j?zyk, w kt?rym zosta? zapisany tekst danego elementu strony. Mo?e by? przydatny, gdy np. w tek?cie witryny umieszczamy wstawki w r??nych j?zykach. W typowych zastosowaniach zwykle jest jednak pomijany. Warto?ci? artybutu powinien by? kod j?zyka. Przyk?ad:

<p lang="pl">Tekst akapitu</p>

Style - okre?la styl CSS elementu strony WWW. Style zostan? przedstawione w p??niejszych poradnikach. Przyk?ad u?ycia stylu:

<p style="font-weight:bold">Przyk?adowy akapit z pogrubion? czcionk?</p>

Tabindex - okre?la kolejno??, w kt?rej dany element zostanie aktywowany w trakcie przemieszczania si? po elementach witryny za pomoc? klawisza tab. Przyk?ad u?ycia:

<input type="text" tabindex="2" />

Title - okre?la tytu? elementa strony. Mo?e by? to dowolny tekst. Przegl?darka mo?e wy?wietla? taki tytu? jako "podpowied?" (z ang. tooltip), gdy kursor znajdzie si? nad danym elementem strony.

<p title="To jest tytu?">Przyk?adowy tekst akapitu zawieraj?cego artybut title.</p>

XML:lang - okre?la j?zyk, w kt?rym zosta? zapisany teskt danego elementu strony. Artybut charakterystyczny dla XHTML, nie wyst?puje w HTML.

Artybuty, zawarte tutaj s? g??wnymi i najcz??ciej spotykanymi przez programist? - tych, mniej znanych prezentowa? wam niestety nie b?d?. Uwa?am jednak?e, ?e by?oby to zb?dne.

-Kilka s??w od Autora
Autografy p??niej.

Zezwalam na kopiowanie poradnika, z tym, ?e na ko?cu powinien zawsze istnie? takowy obrazek.
Kod:

[IMG]http://i55.tinypic.com/6oprpe.png[IMG]

?eby zadzia?a?o, ko?cowy tag "

"!


Serdecznie dzi?kuj? za przeczytanie.

Regards,
Rea~