Tuotetun dokumentin pitää olla hyvin muodostettu, ettei selaimien tarvitse tehdä tulkitsemisessa arvailuja. Eri elementit eivät siis saa mennä keskenään ristiin eikä lopetusosia saa unohtaa.

Väärin:
<p>Tuotetun <strong>dokumentin pitää olla hyvin muodostettu.</p></strong>

Oikein:
<p>Tuotetun <strong>dokumentin pitää olla hyvin muodostettu</strong>.</p>

• strong-elementti lihavoi tekstin.

Ominaisuudet eli attribuutit

Elementeillä voi olla ominaisuuksia eli attribuutteja, jotka määrittelevät joitakin elementtiin liittyviä asioita. Esim. hyperlinkin kohde määritellään a-elementtiin tulevalla href-attribuutilla:


Hyperlinkit

a-elementillä voidaan toteuttaa hypertekstilinkki joko toiseen dokumenttiin tai sitten saman
dokumentin toiseen kohtaan. a-elementti pitää sijoittaa jonkun lohkotason elementin sisälle.



Kuvan lisäys

Kuva täytyy tallentaa samaan kansioon, missä nettisivun tiedosto (index.html) sijaitsee. Kuva lisätään img-elementillä.

<img src="traktori.jpg" alt="Traktori ajaa maantiellä" title="Traktori" />

• src-ominaisuus. Ominaisuus määrittää näytettävän kuvan osoitteen tai pelkän nimen, jos kuva sijaitsee samassa hakemistossa dokumentin kanssa.
• alt-ominaisuus. Attribuutti kertoo kuvan sisällön niille, jotka eivät lataa kuvia tai joiden selain ei osaa näyttää kuvia.
• title-ominaisuus. Ominaisuus kertoo kuvan otsikon, joka voidaan näyttää vihjetekstinä vietäessä hiiri kuvan päälle.