HtmlProgettazione Web

Titoli, paragrafi e testo

L’html è nato per realizzare contenuti ipertestuali, è normale quindi che la maggior parte dei tag gestiscono l’organizzazione dei testi.

I paragrafi <p>
Elemento contenitore che al suo interno prevede l’inserimento di testo e altri tag, al termine del paragrafo il browser va a capo.

Andare a capo <br>
Serve per andare mandare a capo il testo dopo il tag.

I titoli h1, h2, h3, etc
Servono a definire il titolo della pagina o del paragrafo, esiste una gerarchia quindi h1 sarà il titolo principale fino ad arrivare all’ultima sottosezione h6.

Esistono diversi modi per evidenziare un testo in grassetto o in corsivo, gestito in modo diverso.

  • strong, attribuisce al testo una forte importanza ed è utilizzato per le strategie SEO;
  • b, evidenzia il testo rispetto al resto del contenuto;
  • em, dare enfasi ad un testo o ad una frase;
  • i, serve a rappresentare testo che si discosta dal resto del contenuto;

Esaminiamo i tag più utilizzati per lavorare con i testi:

  • blockquote, ospita contenuti citati da altre fonti;
  • cite, serve per citare qualcosa o qualcuno;
  • q, citare una frase senza dedicare un blocco separato;
  • abbr, usato quando usiamo una versione breve di una parola;
  • dfn, definizione di una parola tecnica;
  • sup e sub, carattere rimpicciolito posto in alto o in basso;
  • pre, testo preformattato che segue la stessa formattazione che impostiamo nell’editor;
  • code, per inserire codice sorgente come testo;
  • kbd, testo inserito dagli utenti;
  • samp, output di un programma o riga di comando;
  • del, contenuto da cancellare dal documento – deprecato;
  • ins, definire gli aggiornamenti al documento;
  • mark, testo evidenziato di colore giallino;
  • time, specifica in modo formale data e orario di un elemento;
  • small, testo di minore importanza rispetto al documento;

I commenti permettono d’inserire annotazioni che non incidono sul rendering della pagina. Il commento è racchiuso tra <!– e –> in una linea o più linee. Possiamo ad esempio utilizzare il commento per evidenziare la fine di un blocco.