L'HTML impara a scrivere...
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é.
In totale ne sono sei, partendo dal primo fino ad arrivare al sesto avremo un titolo sempre più piccolo cosi:<h1>Titolo 1</h1>
<h2>Titolo 2</h2>
<h3>Titolo 3</h3>
<h4>Titolo 4</h4>
<h5>Titolo 5</h5>
<h6>Titolo 6</h6>
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:
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.
Ci sono, poi, altri tag che hanno uno stile predefinito, ad esempio il grassetto...
Tag di stile
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 sottolineatoQuesti sono diversi dai paragrafi perché non lasciano una riga, ma per ovviare a questo problema proviamo ad aggiungere il tag "<br />".Testo sbarrato
<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 grassettoOra osserviamo che i testi sono andati da capo grazie a questo nuovo tag!
Testo corsivo
Testo sottolineato
Testo sbarrato
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 :
Posta un commento