HTMLmerkinnöillä

HTMLmerkinnöillä viittaa HTML-kielen käyttöön sisällön merkkaamiseen ja verkkosivujen rakenteen kuvaamiseen. HTML on merkintäkieli, jota käytetään esittämään teksti, kuvat ja muut mediasisällöt verkkosivuilla. Jokainen sivu alkaa doctype-merkinnällä ja koostuu html-, head- ja body-elementeistä.

Yleisimmät elementit ovat <p> kappaleet, <h1>–<h6> otsikot, <a> linkit, <img> kuvat sekä listat <ul>, <ol> ja <li>. Semanttiset elementit kuten <header>, <nav>, <main>, <section>, <article>, <aside> ja <footer> auttavat sekä käyttäjiä että hakukoneita ymmärtämään sisällön rakennetta.

Kunkin elementin sisällä käytetään attribuutteja, jotka antavat lisätietoa, kuten href tai src. Esimerkki: <a href='https://example.com' title='Esimerkki'>Linkki</a>.

HTML5 toi monia uusia rakenteellisia ja multimediaominaisuuksia, kuten <video>, <audio>, <canvas> ja parannettuja lomake-elementtejä. HTML kehittää jatkuvasti WHATWG:n Living Standardin mukaisesti, ja doctype sekä validointi auttavat varmistamaan oikean renderingin eri selaimissa.

HTML toimii yhdessä CSS:n kanssa: HTML vastaa sisältöä ja rakennetta, CSS ulkoasua ja responsiivisuutta. Hyvä merkintä parantaa saavutettavuutta, esimerkiksi alt-tekstit kuville sekä asianmukaiset otsikot, mikä hyödyttää myös hakukoneoptimointia.

Esimerkki lyhyesti: <p>Tämä on kappale.</p> <a href='https://esimerkki.fi'>Esimerkkilinkki</a>.