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.
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.
Ti potrebbe interessare anche...
Fare calcoli e creare elenchi con
- Come creare un blog gratis
- Come creare siti web gratis
- Gestisci le tue foto con Picasa
- Naviga veloce con Google Chrome
- Scarica video e musica con Free Studio
Frasi celebri
“Se non lo sai spiegare in modo semplice, non l'hai capito abbastanza bene” (Albert Einstein).