PCdaZERO.it

Guida facile per usare il computer

Acquista o scarica gratis, i libri di "PC da Zero"

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> il sotto-sottotitolo e così via.

Per fare un esempio pratico,
1 - dal programma HTML-Kit apri una nuova pagina
2 - dal menu "File" clicca su "New Document" (oppure clicca sulla prima icona della barra degli strumenti)
3 - digita all'interno dei tag <body> il seguente testo:

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


4 - seleziona la prima riga di testo (Le città nel mondo)
5 - clicca sulla scheda "Document"
6 - clicca sul pulsante "H1"

7 - seleziona la seconda riga di testo (Europa)
8 - clicca a destra del pulsante "H1" (sopra il triangolino nero)
11-h1- (2K)
9 - dal menu a discesa clicca sulla voce "Heading 2"
11-heading2 (6K)
10 - seleziona la seconda riga di testo (Italia)
11 - clicca a destra del pulsante "H1" (sopra il triangolino nero)
12 - dal menu a discesa clicca sulla voce "Heading 3"

Per Francia, Spagna, Germania inserisci il tag <h3>
13 - seleziona i testi uno ad uno e premi il tasto [F6] da tastiera

Premendo il tasto [F6] in HTML-Kit, viene applicato l'ultimo comando eseguito.

14 - Anche per Cina, Giappone, India e Vietnam inserisci il tag <h3>
15 - Identica cosa per Marocco, Libia ed Egitto.
16 - Per Asia e Africa inserisci il tag <h2>.

Ecco come si presenta codice e relativa pagina web:
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

17 - Salva la pagina e nominala "citta-nel-mondo.html"
18 - e verifica il risultato aprendola sul browser.

Nel nominare file, evita sempre di usare lettere accentate; potrebbero creare problemi di lettura su alcuni sistemi operativi.

Link sponsorizzati