HTML/Fondamenti: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
m →Indentazione: refuso |
m Update syntaxhighlight tags - remove use of deprecated <source> tags |
||
Riga 23:
Ad esempio il tag <code><nowiki><h1></nowiki></code> serve per determinare i titoli e quindi rendere il testo al suo interno più grande rispetto al resto della pagina. Ecco ad esempio un codice che visualizzerà sul nostro browser un titolo (non vi preoccupate del resto del codice, verrà analizzato in seguito).
<
<html>
<head>
Riga 31:
</body>
</html>
</syntaxhighlight>
In realtà non tutti i tag necessitano di essere chiusi e altri sono addirittura proprio privi del relativo tag di chiusura e verranno affrontati nel corso del libro.
Riga 44:
Tutte le pagine web hanno la seguente struttura a livello di codice HTML:
<
<html>
Riga 56:
</html>
</syntaxhighlight>
Il tag <code><html></code> (che si chiude in fondo) indica al browser che il documento è stato formattato in HTML e pertanto il suo contenuto dovrà essere interpretato secondo le specifiche del linguaggio.
Riga 67:
I seguenti esempi codificano una pagina identica, sia dal punto di vista sintattico sia da quello dell'interpretazione del browser:
<
<html>
<head></head>
Riga 73:
</body>
</html>
</syntaxhighlight>
<
<HTML>
<HEAD></HEAD>
Riga 80:
</BODY>
</HTML>
</syntaxhighlight>
<
<htMl>
<HeAd></hEAD>
Riga 87:
</BOdy>
</HTml>
</syntaxhighlight>
Queste tre pagine mostreranno lo stesso risultato sul browser dell'utente.
Riga 96:
Ogni argomento affrontato verrà accompagnato da un esempio di codice, che si potrà copiare e incollare sul proprio editor di testo preferito. La struttura di una pagina rimane, come abbiamo visto, sempre la seguente:
<
<html>
<head></head>
Riga 102:
</body>
</html>
</syntaxhighlight>
Qualora tutti questi elementi non fossero presenti ma un esempio fosse costituito solo dal seguente codice:
<
è perché l'intestazione e il resto del documento HTML possono essere ritenuti irrilevanti ai fini dell'esempio. Quindi il codice di cui sopra dovrà essere inserito nella struttura generale della pagina.
Riga 121:
Ecco un esempio:
<
<html>
Riga 133:
</html>
</syntaxhighlight>
== Consigli sulla scrittura ==
===Indentazione===
L'indentazione è la tecnica attraverso cui il codice viene rientrato a mano a mano che si entra in sotto-tag. Nel seguente wikibook si cercherà di adottare questa tecnica nel miglior modo possibile e si invita chiunque ad utilizzarla in quanto rende il codice più leggibile che non se si trovasse tutto su una riga, o suddiviso senza criterio. Ecco due esempi:<br>
<
<html>
<head></head><body><div>testo testo</div><a href="http://it.wikibooks.org/">Wikibooks</a>
Riga 144:
</body>
</html>
</syntaxhighlight>
<
<html>
<head></head>
Riga 154:
</body>
</html>
</syntaxhighlight>
Il fatto che l'HTML sia un linguaggio non sensibile alle maiuscole è molto utile nel momento in cui bisogna scrivere molto codice e ognuno potrà utilizzare lo stile che preferisce. Tra gli stili più usati ne elenchiamo alcuni:
| |||