XHTML

HTML / XHTML KOULUTUSTA VUONNA 2008:

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi ! IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

XHTML-tiedosto ja sen rakenneosaset

Tagi

Tagien tehtävänä on ilmentää elementtiä ja kertoa selaimelle kuinka sen sisältämä data tulisi esittää. Ts. tagi on elementin vastine todellisuudessa.

Tagin syntaksi on hyvin yksinkertainen: elementin nimestä muodostettu lyhenne (nämä on määritelty HTML:n syntaksissa valmiiksi) sijoitetaan väkäsmerkkien sisään:


<elementi>

esimerkiksi kappale (paragraph) merkataan seuraavasi:

<p>

Useimmiten elementit sisältävät tekstisisältöä (ja usein myös muita elementtejä), jolloin tagin on muodostettava tiivis "astia, johon sisältö kaadetaan". Tällöin tagin syntaksiin lisätään lopetusmerkintä, joka sulkee sen vaikutusalueen. Lopetusmerkintä muistuttaa aloitusta, sillä poikkeuksella että ennen elementin nimeä on kauttaviiva:


<elementin >Sisältö tulee tähän väliin</elementi>

Esimerkiksi:


<p>Tämä on kappaletekstiä, jonka sisällä on <span>rivinsisäisen elementti span</span></p>

Mikäli elementillä ei ole sisältöä, on tagi muotoa <elementin_lyhenne> (html) tai <elementin_lyhenne/> (xhtml).

Attribuutit

Elementien ominaisuuden kuvaukseen käytetään koodissa nk. attribuutteja. Mahdolliset elementtiin liittyvät attribuutit liitetään elementtiä kuvaavan tagin yhteyteen syntaksilla:


<elementti attribuutti="arvo" >

Attribuutit sijoitetaan aina ko. elementin aloituksen yhteyteen ja itse attribuutin arvo sijoitetaan aina lainausmerkkien sisään.

Esimerkiksi:


<img src="kuva.gif" width="20" height="40" alt="Kuva perhosesta"/>

Tutustu artikkelin muihin osiin:
»»» XHTML »»» XHTML-tiedosto ja sen rakenneosaset pt.1
»»» XHTML »»» XHTML-tiedosto ja sen rakenneosaset pt.2
»»» XHTML »»» XHTML-tiedosto ja sen rakenneosaset pt.3
»»» XHTML »»» XHTML-tiedosto ja sen rakenneosaset pt.4
»»» XHTML »»» XHTML-tiedosto ja sen rakenneosaset pt.5

XHTML

XHTML-tiedosto ja sen rakenneosaset

Tagi

Attribuutit

Tallenna tämä sivu kirjanmerkkeihin!