Les pàgines web estructuren el seu contingut en HTML.
HTML5 (HyperText Markup Language) és un llenguatge que dona estructura i contingut a una pàgina web. L'estructura es refereix a títols, paràgrafs, imatges, enllaços...
L'HTML no serveix per definir estils (colors, mida de text, tipografies...). Els estils de uvic.cat ja estan predefinits i s'apliquen automàticament al web a partir de l'estructura.
Sintaxi bàsica
Els elements textuals s'emmarquen entre una etiqueta d'obertura <etiqueta> i una de tancament </etiqueta>.
<p>Exemple de paràgraf</p>
Hi ha elements que només tenen una etiqueta d’inici: <br> (salt de l'ínia), <img> (imatge), etc.
Dins del codi HTML no es tenen en compte ni els espais ni els salts de línia. Les línies se separen automàticament si els paragrafs estan separats per etiquetes, o bé si hi ha un salt de línia <br>.
Les etiquetes poden tenir atributs que s'inclouen a l'etiqueta d'inici:
<p id="paragraf-1">Exemple de paràgraf</p>
<img src="imatges/logo1.png" alt="UVic- UCC. Universitat de Vic, Universitat crentral de catalunya">
Llista d'etiquetes més freqüents
Les etiquetes més utilitzades són:
Paràgrafs <p>Paràgraf</p>.
Imatges <img>.
Encapçalaments (headings):
Nivell 1: <h1>Encapçalament 1</h1>
Nivell 2: <h2>Encapçalament 2</h2>
Nivell 3: <h3>Encapçalament 3</h3>
...
Nivell 8: <h8>Encapçalament 8</h8>
Negreta <strong>Text en negreta</strong>.
Cursiva <em>Text en cursiva</em>.
Llistes:
Ordenada <ul>...</ul>.
Desordenada <ol>...</ol>.
Element d'una llista <li>Element de la llista</li>.
Contenidors <div>...</div>.
Delimitadors de text<span>Hola</span>.
Identificadors i classes
Les classes serveixen per agrupar elements que han de tenir un mateix estil.
Un element pot tenir múltiples classes, les quals se separen amb un espai.
A banda de classes, un element pot tenir un identificador (ID) que ha de ser únic en tota la pàgina.