Doctype: L’intestazione del DOM HTML

2.50 Finora abbiamo trascurato l’analisi della prima riga di una pagina HTML, quella che specifica il tipo di documento. Il tag <!DOCTYPE> assume una forma simile a questa: htmlCopy code<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” http://www.w3.org/TR/html4/loose.dtd> Questa riga fornisce diverse informazioni sul documento: Elemento Descrizione HTML il tipo di linguaggio utilizzato è l’HTML PUBLIC … Leggi tutto

Meta Tag: Title e Description

2.49 Risulta vantaggioso configurare accuratamente i meta tag all’interno della sezione <head> del documento. Questi tag consistono in una serie di parole chiave e descrizioni mirate a facilitare la classificazione del sito da parte dei motori di ricerca. Abbiamo precedentemente esaminato il tag <title>, che rappresenta il titolo della pagina; tuttavia, il testo al suo … Leggi tutto

Includere Javascript e CSS esterni in HTML

2.48 Iniziamo immediatamente sottolineando che JavaScript e Java non sono la stessa cosa. JavaScript rappresenta un linguaggio di scripting eseguito dal browser, consentendo la creazione di interattività all’interno della pagina. La struttura sintattica di JavaScript deve essere inserita all’interno del tag <script>, come segue:  <script type=”text/javascript”> function saluto() { alert(“ciao”); } </script>   Successivamente, nella … Leggi tutto

Impaginare HTML a livelli con le regole CSS

2.47 Usare le regole CSS per dare delle posizioni assolute Abbiamo precedentemente esaminato due metodi di impaginazione: l’utilizzo di tabelle e frame. È importante notare, come già accennato nel corso, l’esistenza di una terza opzione: l’impaginazione mediante fogli di stile, noti come “CSS” (Cascading Style Sheets), ovvero “fogli di stile a cascata”. La sintassi dei … Leggi tutto

Tag del Testo: Il Tag Font

2.46 Come personalizzare i font del testo con il tag font. La lezione HTML attuale si occupa della selezione del colore, delle dimensioni e del tipo di carattere del testo attraverso l’impiego del tag “font”. Tuttavia, questo argomento è ormai obsoleto poiché la formattazione del testo nei siti moderni è comunemente gestita tramite fogli di … Leggi tutto

Sfondo per mezzo dei CSS

2.44 Tutti gli attributi del tag <body> che sono stati illustrati fino a questo punto (ad eccezione dell’attributo lang) sono utilizzati per alterare aspetti relativi al layout della nostra pagina HTML. Come evidenziato in questo esempio di markup:  <body leftmargin=”0″ topmargin=”0″ background=”imgs/sfondo00006.gif” bgcolor=”#66CCFF” lang=”it”> Il nostro testo. </body>   Si può notare che il layout … Leggi tutto

Gestione dei Margini

2.36 Vediamo come eliminare i margini delle pagine HTML Inizialmente, è stato menzionato che il ruolo del webmaster non si limita esclusivamente alla competenza nell’HTML, ma richiede principalmente una conoscenza approfondita di come i browser rendono le pagine web. Negli esempi precedenti, è possibile osservare che di default, il browser lascia uno spazio tra il … Leggi tutto

Inserire il colore di Sfondo

2.34 Come impostare lo sfondo di una pagina web Iniziamo esaminando come creare la nostra prima pagina HTML in modo che sia visivamente conforme alle nostre preferenze. In HTML, è possibile definire il colore di sfondo utilizzando l’attributo corrispondente del tag body, come segue: <body bgcolor=”blue”> L’attributo “bgcolor” sta per “background color,” ovvero “colore di … Leggi tutto

Separare il Layout dal Contenuto

2.33 Introduzione al concetto di Classi In origine, HTML è stato creato come un linguaggio per formattare i documenti presenti sul Web. Per questo motivo, il contenuto (come ad esempio <p>il mio testo qui</p>) e i tag che definiscono lo stile o il colore del contenuto (come <font color=”red”>, che colora il testo di rosso) … Leggi tutto