Kun halutaan lisätä lisätietoja HTML-elementeistä, käytetään attribuutteja. Attribuutit määritellään avaus-tagin sisällä, yleensä muodossa name="value".

Esimerkiksi kuvan upottamiseen käytetään <img>-tagia ja src-attribuuttia. Tämän attribuutin arvoksi asetetaan kuvan URL-osoite.

Tässä esimerkki:

<img src="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/35fdd0a9-2b4b-4032-9ac4-3d848aa08650/dark-logo.svg" />

Tämä koodi näyttää määritellyn kuvan. Huomaa, että <img>-tagi on itsestään sulkeutuva, eli se ei vaadi erillistä lopetustagia.

Toinen yleisesti käytetty tagi, jolla on aina attribuutti, on <a> (ankkuri) -tagi. Sitä käytetään hyperlinkkien luomiseen, ja linkin kohde määritellään href-attribuutissa. Esimerkiksi:

<a href="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/35fdd0a9-2b4b-4032-9ac4-3d848aa08650/test_page.html" target="_blank">Test page</a>

Tämä palauttaa linkin osoitteeseen test page. target-parametri on asetettu arvoon '_blank', jolloin linkkiä klikattaessa sivu avautuu uuteen välilehteen.