Tässä pääotsikko, tasoa yksi

Tässä sitten kappale eli paragraph p. Muista aina sekä aloitus- että lopetustägit elementeille!

Tässä toinen pääotsikko, tasoa yksi


Edellinen vaakaviiva on laitettu melko eri näköiseksi käyttäen attributteja size, width, align ja noshade. Todellisessa elämässä kaikki muotoilut tulisi kuitenkin hoitaa CSS -säännöillä ja vältellä (x)html:n attribuutteja.

Linkki

Esimerkki linkistä:
Tagit w3schoolsissa

Esimerkki linkistä, aukeaa uuteen ikkunaan / välilehteen:
hs.fi

Omien sivujen välillä (samassa kansiossa):

Linkki pohja.html -tiedostoon. href -attribuutin arvona on pelkkä toisen tiedoston nimi, koska tiedostot sijaitsevat samassa kansiossa (siis tämä verkkosivu ja pohja.html sivu).

Pari tehoste-elementtiä

Jos haluat korostaa joitakin tekstikohtia (ei siis varsinaisesti muotoilla ulkonäköä, vaan korostaa tietyllä tavoin, painottaa), voit käyttää mm. lihavointia eli painoa strong, kursiivia emphasis em ja alleviivausta u. Käytä alleviivausta harkiten, se voidaan helposti kuvitella linkiksi.

Elementtien oikeaoppinen sisäkkäisyys

Muista, että xhtml:ssä elementit pitää kirjoittaa "oikealla lailla" sisäkkäin. tässä pari elementtiä ympärillä, suljetaan kääntäen.