Home>Web design

Cosa sono i tag HTML?

tag

I tag HTML(link) sono i marcatori degli elementi basilari del linguaggio HTML che ci permettono di scrivere e strutturare un documento HTML.


Quali sono i tag fondamentali?

Per quanto riguarda il testo, il primo tag da utilizzare sarà <p>, per il paragrafo.
All’interno del paragrafo ci andrà il contenuto della propria pagina, ossia tutto il testo relativo all’argomento del tuo sito.
Per andare invece a capo, senza cambiare paragrafo, si utilizza il tag <br> che assume il significato di break.
Per chiudere il paragrafo, si utilizza il tag di chiusura </p>.
Vediamo un esempio…

testo del sito

La parte di testo compresa fra l’apertura e la chiusura del tag verrà riconosciuta come paragrafo.
Il testo andrà poi formattato con i CSS.
Per i titoli ed i sottotitoli vanno usati dei tag specifici.
Dovrete inserire il titolo principale della vostra pagina web dentro il tag <h1>, il sottotitolo invece andrà dentro il tag <h2>.
L’h1 si differenzia dal tag <title>, perchè il secondo viene mostrato solamente nella barra del browser, mentre l’h1 è visibile all’interno della pagina stessa.
I tag <p> e <h1>, che abbiamo visto in precedenza, vengono definiti elementi di blocco, quindi occupano tutta la larghezza che hanno a disposizione, andando a capo quando il tag viene chiuso.
Per dare il grassetto al testo invece viene usato il tag <b> o il tag <strong>, quest’ultimo consigliato per il SEO.


Tag per le immagini

Ora parliamo dei tag fondamentali per le immagini, il più utilizzato è il seguente…
<img src="nomeimmagine.png" alt="testo sito" width="100" height="70"/>
Gli attributi che contiene questo tag non sono da sottovalutare, l’alt specialmente ha un valore SEO fondamentale, mentre width ed height specificano le dimensioni dell’immagini.


Attributi dei Tag

Gli attributi dei tag sono delle specifiche ulteriori che vengono inserite all’interno di un tag.
Per esempio nel caso dei link il tag è <a>, ma funziona solamente se integrato con l’attributo href.
Vediamo un esempio…
<a href=www.google.com>testo linkato</a>
Questo è un classico esempio di come gli attributi HTML siano fondamentali…senza di essi alcuni tag perderebbero la loro funzionalità.


Errori comuni con i Tag

Ci sono molti "errori" di sintassi abbastanza comuni che si possono commettere, soprattutto se sei agli inizi dell’HTML.
Una pagina strutturata male dal punto di vista del codice non necessariamente causerà problemi quando si andrà a visualizzare sul browser, Questo non significa che non dobbiamo preoccuparcene…
Deve essere ben chiaro che un codice di un documento HTML con qualche errore potrebbe causare vari tipi di problemi tra cui la formattazione delle pagine, per cui il risultato grafico e funzionale potrebbe essere compromesso.
Gli errori più comuni sono sicuramente le mancate aperture del tag, inutile scrivere il tag di chiusura se non è stato scritto il tag di apertura perché non si otterrà nulla e la stessa cosa vale se si sbaglia a chiudere un tag o ci si dimentica, lo stesso non si otterrò nulla, nessun effetto sperato.
Un altro errore comune è la sintassi, se un testo non è comprensibile e corretto grammaticalmente viene visto in maniera negativa dal browser