XHTML elementit © Reiska 2012 html headbody. HTML 4.01 ja XHTML rungot.

Esitys aiheesta: "XHTML elementit © Reiska 2012 html headbody. HTML 4.01 ja XHTML rungot."— Esityksen transkriptio:

1 xHTML elementit © Reiska 2012 html headbody

2 HTML 4.01 ja XHTML rungot

3 Otsikot ja lohkotaso html head title meta link style script body h1..h6 p olol tai ulul li dl dt dd div Dokumentin otsikkotiedot. Koskevat koko dokumenttia. Ei renderoida näytölle. Dokumentin näkyvä (renderoitu) osa koostuu lohko- eli block-elementeistä ja niiden sisällä olevista lohko- ja inline elementeistä. Tässä ensin lohkotason elementtejä.

4 Lohkotaso jatkuu body jatkuu table caption thead, tbody tr th, td formform method=GET|POST action=URL input type=text|hidden|password|submit|reset| button|checkbox|radio|image|file textarea select option optgroup button label fieldset legend

5 Inline-taso Fyysiset tyylit tt,i,b,big,small,u,s,strike, font,basefont Loogiset tyylit em, strong, dfn, code, q, sub, sup, samp, kdb, var, cite,abbr, acronym Muut tyylit br, span, bdo, ins, del Linkit ja ankkurit aa Median upotus img, object, applet, embed, map, iframe

6 Attribuutit Elementtien toimintaa ohjataan ja tarkennetaan tai täsmennetään attribuuteilla. Attribuutit sijoitetaan elementin aloitustagiin. Attribuutin arvon pitää aina olla ”oikeissa” lainausmerkeissä ( attrNimi = ”attrArvo” ). Lähes kaikilla elementeillä on seuraavat attribuutit:kaikilla elementeillä on seuraavat attribuutit Ydinattribuutit (core) Kielitukiattribuutit (i18n, internationalization) Tapahtuma-attribuutit (events) Elementeillä on lisäksi omia spesifisiä attribuuttejaan, kuten width, height, align, src, href, border …, joista jotkin voivat olla jopa pakollisia.

7 Yhteiset attribuutit Ydin- eli core-attribuutit id, elementin yksikäsitteinen tunniste title, elementin otsikko class, välilyönnillä erotettu lista tyyliluokista, johon elementin rajaama alue kuuluu style, elementin yksityinen tyylimäärittely Kielitukiattribuutit (i18n) lang, kielikoodi (IANA) dir, kirjoitussuunta (rtl tai ltr)

8 Tapahtuma-attribuutit (events) onbluronkeypress onchangeonkeydown onselectonkeyup onclick ondblclick onerror onload, onunload onmousemoveonreset, onsubmit onmouseover onmouseup onmousedown onresize onscroll