PC da Zero - Guida facile e pratica per usare il computer

CREARE SITI WEB in HTML e CSS > I SOTTOTITOLI - I TAG <h2><h3><h4><h5><h6>


Oltre al tag <h1> potrai usare i tag <h2> <h3> <h4> <h5> <h6> mediante i quali puoi formare una struttura gerarchica del documento.
Il tag <h1> contiene il titolo principale;
il tag <h2> un sottotitolo;
il tag <h3> un sottotitolo al sottotitolo e così via.

Proviamo a fare un esempio pratico.
1 - apri programma Visual Studio Code crea un nuovo file
2 - e nominalo citta-nel-mondo.html
Nel nominare file, evita sempre di usare lettere accentate; potrebbero creare problemi di lettura su alcuni sistemi operativi.
3 - nella finestra accanto digita html:5 e premi invio
4 - posiziona il cursore all'interno dei tag <body> e inizia a digitare nel modo seguente

- digita h1 e premi invio
- digita Le città nel mondo

Crea una riga in basso, posizionaci il cursore e
- digita h2 e premi invio
- digita Italia

Crea una riga in basso, posizionaci il cursore e
- digita Roma, Milano, Venezia
- digita uno spazio, digita br e premi invio

Crea una riga in basso, posizionaci il cursore e
- digita h3 e premi invio
- digita Francia

Crea una riga in basso, posizionaci il cursore e
- digita Parigi, Lione, Grenoble
- digita uno spazio, digita br e premi invio

e così via.
Completa il codice con quello che vedi qui in basso a sinistra.

codice HTML risultato pagina web
... <html>
<head>
<title>Le città nel mondo</title>
</head>
<body>

<h1>Le città nel mondo</h1>
<h2>Europa</h2>
<h3>Italia</h3>
Roma, Milano, Venezia
<h3>Francia</h3>
Parigi, Lione, Grenoble
<h3>Spagna</h3>
Madrid, Barcelona, Valencia
<h3>Germania</h3>
Berlino, Bonn, Freiburg

<h2>Asia</h2>
<h3>Cina</h3>
Pechino, Fuzhou, Canton
<h3>India</h3>
Nuova Delhi, Mumbai, Madras
<h3>Giappone</h3>
Tokyo, Osaka, Yokohama
<h3>Vietnam</h3>
Hanoi, Ho Chí Minh, Da Nang

<h2>Africa</h2>
<h3>Marocco</h3>
Rabat, Casablanca, Fes
<h3>Libia</h3>
Tripoli, Bengasi, Zuara
<h3>Egitto</h3>
Il Cairo, Alessandria d'Egitto, Zagazig

</body>
</html>
Le città nel mondo
Europa
Italia
Roma, Milano, Venezia
Francia
Parigi, Lione, Grenoble
Spagna
Madrid, Barcelona, Valencia
Germania
Berlino, Bonn, Freiburg
Asia
Cina
Pechino, Fuzhou, Canton
India
Nuova Delhi, Mumbai, Madras
Giappone
Tokyo, Osaka, Yokohama
Vietnam
Hanoi, Ho Chí Minh, Da Nang
Africa
Marocco
Rabat, Casablanca, Fes
Libia
Tripoli, Bengasi, Zuara
Egitto
Il Cairo, Alessandria d'Egitto, Zagazig

Verifica il risultato del tuo codice aprendo la pagina dal browser.
1 - Con esplora file, apri la cartella"SWN1"
2 - e fai doppio clic sul file "citta-nel-mondo.html"

Verrà visualizzato il testo che puoi osservare nella parte destra della tabella posta qui in alto.





Frasi celebri

“Se non lo sai spiegare in modo semplice, non l'hai capito abbastanza bene” (Albert Einstein).