L'HTML impara a scrivere...

7/13/2013 09:30:00 AM -Luigi23- 0 Comments


Nello scorso post riguardante l' HTML cioè "Di cosa è fatta una pagina Web? Risponde l' HTML...", abbiamo visto le caratteristiche basi di questo linguaggio.
Oggi andremo ad analizzare il TESTO.

I titoli

Nell' HTML i titoli sono tag che predefiniscono un'altezza propria, questi sono formattati in grassetto e lasciano una riga vuota prima e dopo di sé.
<h1>Titolo 1</h1>
<h2>Titolo 2</h2>
<h3>Titolo 3</h3>
<h4>Titolo 4</h4>
<h5>Titolo 5</h5>
<h6>Titolo 6</h6>
In totale ne sono sei, partendo dal primo fino ad arrivare al sesto avremo un titolo sempre più piccolo cosi:

Titolo 1

Titolo 2

Titolo 3

Titolo 4

Titolo 5
Titolo 6


I paragrafi

I paragrafi sono tag per suddividere il testo, questi lasciano una riga vuota dopo di sè.

<p>Paragrafo 1</p>
<p>Paragrafo 2</p>
Testo non formattato 1
Testo non formattato 2
N.B. Nulla ci vieta di scrivere direttamente del testo senza racchiuderlo in tag in una pagina HTML.
Con questo codice andiamo a vedere il risultato:
Paragrafo 1
Paragrafo 2
Testo non formattato 1 Testo non formattato 2
Come vediamo il testo non formattato non va da capo ed è tutto attaccato, mentre i paragrafi vanno automaticamente da capo.

Tag di stile
Ci sono, poi, altri tag che hanno uno stile predefinito, ad esempio il grassetto...
Vediamo quali sono:

<b>Testo grassetto</b>
<i>Testo corsivo</i>
<u>Testo sottolineato</u>
<s>Testo sbarrato</s>

Vediamo ora il risultato:

Testo grassetto Testo corsivo Testo sottolineato Testo sbarrato
Questi sono diversi dai paragrafi perché non lasciano una riga, ma per ovviare a questo problema proviamo ad aggiungere il tag "<br />".

<b>Testo grassetto</b><br />
<i>Testo corsivo</i><br />
<u>Testo sottolineato</u><br />
<s>Testo sbarrato</s>

Questo è un tag a chiusura implicita cioè non richiede un tag di chiusura ma ha lo "/"(slash) "incorporato", quindi fa tutto da solo; vediamo il risultato:

Testo grassetto
Testo corsivo
Testo sottolineato
Testo sbarrato
Ora osserviamo che i testi sono andati da capo grazie a questo nuovo tag!

Vi lascio con una video-guida fatta da me.



Se questo post ti è stato utile condividilo con gli amici e continua a seguirmi.
Un Saluto e un Abbraccio dal vostro -Luigi23-.

Ti è piaciuto l'articolo?

0 commenti:

Grazie per il tuo feedback!