![]() | |
Struttura di un file Html
Nella lezione precedente si è parlato di come avviene una comunicazione attraverso varie componenti di Internet, ora ci accingiamo a creare una pagina Web secondo le specifiche dell'Html. <!doctype html public "-//w3c//dtd html 4.0//en">Questo codice risulterà a prima vista incomprensibile, ma più avanti con la pratica risulterà semplice anche ricordarlo, tuttavia la dichiarazione è opzionale. Esaminiamolo: !doctype indica la dichiarazione del tipo di documento, public indica una pagina di un possibile ente o possessore non statale o governativo, l'alternativa è private. il simbolo - (trattino) indica una pagina non certificate ISO, w3c indica l'organizzazione mondiale del World Wide Web, dtd html 4.0 indica la versione ultima riconosciuta dell'Html, en (english) indica che il documento è scritto con Tag in inglese, quindi è fissa! Creiamo ora la struttura Html per creare una pagina corretta: <!doctype html public "-//w3c//dtd html 4.0//en"> <html lang="it"> <head> <title>La mia prima pagina Web</title> </head> <body> <!-- Questo è un commento, questo codice non verrà interpretato dal browser --> <!-- Questo è un commento su più righe I commenti sono molto importanti per tenere ordine nel codice, ad esempio è possibile scriverci cose del tipo: QUESTO CODICE SERVE PER "QUESTA COSA" E VA AGGIORNATO OGNI DUE GIORNI o cose del genere!!! --> </body> </html>Questa parte è di fondamentale importanza, prego di prestare la massima attenzione, ci accingiamo a spiegare la struttura di una pagina Html. Per visualizzare sulla pagina le modifiche al codice è sufficiente "aggiornare", cliccando l'apposito tasto sulla barra degli strumenti del browser o dalla tastiera con l'utilizzo del tasto F5. Il Tag <html> indica l'apertura della pagina e lang="it" indica che il contenuto della pagina è in italiano. Ci troviamo subito di fronte ad un concetto interessante, la differenza tra Tag e attributi. Abbiamo spiegato nella lezione precedente cos'è un Tag, ovvero un comando Html che può essere vuoto o avere una chiusura, (ad esempio </html>), un attirbuto invece è una proprietà attribuibile ad uno o più Tag che può avere un valore, come nell'esempio, oppure agire da solo senza necessitare di un valore. L'attributo lang="it" è comunque facoltativo. Invito il lettore ad una seconda lettura di questa lezione più avanti dopo aver terminato il manuale, molti concetti risulteranno più chiari con l'aiuto di esempi pratici. Il Tag <head> è fondamentale nella struttura di un documento, indica l'intestazione della pagina ed è possibile includervi codice che deve essere eseguito prima del caricamento completo della pagina. Il Tag <title> permette di inserire un titolo nell'apposita barra blu del browser in alto, per intenderci sulla stessa orizzontale dove ci sono i pulsantini per chiudere, minimizzare o iconizzare una finestra. Il <body> rappresenta il corpo della pagina, ovvero da qui inizia la progettazione fisica. Quest'ultimo presenta una vasta serie di attributi, esaminiamo quelli che ci serviranno per la maggiore:
Vediamo un esempio di come si utilizzano gli attributi, esempio generico che tornerà utile per tutti i Tag Html: <tag attributo="valore" attributo="valore">Per testare quanto imparato prego i lettori di effettuare la seguente prova: creare un file col nome default.htm e di impostare il colore di sfondo nero, il colore del testo bianco (nomi dei colori in inglese), distanza dal bordo destro "50", inibire l'utilizzo del tasto destro del mouse e nascondere le barre di scorrimento solo se non necessarie. Dalla prossima lezione ci renderemo conto al 100% della validità di questo esempio. I più cliccati della sezione Html
:: Impedire ad un testo di andare a capo in Html (37.385) :: Le tabelle Html (31.827) :: Formattazione del testo in Html (26.183) :: Referenze dei Tag Html (19.496) :: Creare tabelle con i bordi curvi (18.443) :: Guida XHTML (16.771) :: Inserire un'icona nella barra degli indirizzi di MSIE (14.121) :: Inserire le immagini in una pagina Html (11.710) :: Sovrapporre un'immagine ad un layer senza posizionamento assoluto (11.588) :: Ritorno a capo nei button di form Html (10.416) |
IN EVIDENZA
Referenze dei fogli di stile Css
HTTP 500 internal server error
Errore 80004005: Cannot update. Datab...
Guida a Visual Basic 6
jQuery Zoom, zoom su immagini con jQu...
DOWNLOAD
| ||||||||||||||||||||||||||||||||||