Struttura della pagina

« Older   Newer »
  Share  
view post Posted on 17/3/2010, 15:56     +1   -1
Avatar

Generale di divisione

Group:
Member
Posts:
5,046
Reputation:
0

Status:


Struttura della pagina




Basandoci sulle indicazioni precedenti, incominciamo a scrivere la nostra prima pagina html.

Per prima cosa inseriamo una riga che indica che stiamo utilizzando le specifiche del World Wide Web Consortium che riguardano il codice HTML:

CODICE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


esamineremo ulteriormente questa riga nell'appendice, per ora lasciamola così.

Poi apriamo il nostro primo tag, che indica che quanto è compreso tra apertura e chiusura è in codice HTML:

CODICE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

... altri tag ...

</html>


Un documento HTML è normalmente diviso in due sezioni:

CODICE
Testa (<head>)         Contiene informazioni non immediatamente percepibili, ma che riguardano il modo in cui il documento                                         deve essere letto e interpretato. Questo è il luogo dove scrivere - ad esempio - i meta-tag (alcuni sono                                          ad esclusivo beneficio dei motori di ricerca), script JavaScript o VbScript, fogli di stile, eccetera
Corpo (<body>)         Qui è racchiuso il contenuto vero e proprio del documento


Ci occuperemo in seguito della head (l'argomento verrà ripreso poi nella conclusione della guida. Per ora facciamo riferimento soltanto a due tag che devono essere presenti in questa sezione:

CODICE
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


indica al browser che deve caricare il set di caratteri occidentale (e non - ad esempio - il set di caratteri giapponese).


CODICE
<title>Nome del sito</title>


Il title è il titolo della pagina e compare in alto sulla barra del browser (se guardate in alto a sinistra del browser noterete la scritta "Struttura della pagina"). È bene compilarlo da subito, onde evitare poi di avere pagine senza titolo.

Da quanto abbiamo detto la nostra prima pagina sarà questa, che è consultabile anche nell'esempio allegato.

CODICE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>HTML.it</title>
</head>
<body>
  <!-- Scriveremo qui -->
>
  Qui il nostro contenuto

</body>
</html>


D'ora in poi i vari tag che impareremo all'interno della guida andranno scritti all'interno del body, quando non sia indicato diversamente.
 
Web  Top
0 replies since 17/3/2010, 15:56   23 views
  Share