Tag html per la formattazione del testo

Guide Xhtml & Css di Lazzeri Simone
Seconda lezione che spiega quali sono e come utilizzare i tag html per la formattazione del testo.... Continua a leggere
Tag html per la formattazione del testo

Nel precedente articolo (Tag html di base) abbiamo visto quali sono i tag fondamentali per creare un documento html, adesso ciò che andremo ad apprendere è come "formattare" il contenuto da visualizzare all'interno della pagina.


In questa breve lezione vedremo nel dettaglio come gestire i testi assegnando grassetti, corsivi, sottolineature, ecc...



TAG STRONG:


[CODE]...[/CODE]


strong è il tag che permette di assegnare il grassetto ad un testo. Per utilizzarlo occorre aprire il tag, inserire all'interno il testo da mettere in risalto e poi richiuderlo. Questo codice deve essere inserito all'interno del tag body.




TAG EM:


[CODE]...[/CODE]


em è il tag che permette di assegnare il corsivo ad un testo. Il suo utilizzo è il medesimo del tag strong.




TAG U:


[CODE]...[/CODE]


Se si vuole assegnare una sottolineatura ad un testo occorre utilizzare il tag U nello stesso modo degli altri sopra.



TAG S:


[CODE]...[/CODE]


Se si vuole barrare un testo occorre utilizzare il tag S, il suo funzionamento è lo stesso degli altri.




TAG DA H1 a H6:


[CODE]

...

...

...ecc...
...
[/CODE]


I tag H sono indicati per assegnare lo stile di un titolo ad un testo (quindi enfatizzarlo in grandezza e "spessore"). In scala, ogni tag assegna una grandezza diversa alla scritta. H1 per esempio indica un titolo primario quindi avrà una grandezza molto grande, H2 sarà più piccolo e via discorrendo...



TAG SUB:


[CODE]...[/CODE]


Se si vuole assegnare un testo apice (ovvero più piccolo e posizionato in basso rispetto al normale testo)



TAG SUP:


[CODE]...[/CODE]


A differenza del sub questo assegna un testo pedice (più piccolo e posizionato più alto rispetto al normale testo)



E' possibile anche "annidare" i vari tag assegnando più stili al testo, per esempio inserendo:


[CODE]ciao a tutti e tutte[/CODE]


ed ottenendo così facendo:


ciao a tutti e tutte


L'importante è ricordarsi di aprire e chiudere correttamente tutti i tag.


I codici sopra proposti rappresentano una parte di tutti quelli disponibile, ma nella maggiorparte dei casi sono quelli che più utilizzerete e di cui avrete bisogno, tutti gli altri stili (colori, fonts, stili particolari) è bene assegnarli utilizzando i CSS che vedremo poi nelle prossime lezioni.


Alla prossima!

Condividi l'articolo

Facebook Twitter Twitter Pinterest

Per migliorare l'esperienza di navigazione questo sito utilizza cookie tecnici, analitici, di terze parte e di profilazione di terze parti. Clicca su "acconsento" per abilitarne l'uso.
Se vuoi saperne di più o negare il consenso a tutti o ad alcuni cookies consulta la nostra Informativa Cookies. OK