HTML 4.01 è una specifica per l'HyperText Markup Language, linguaggio di base utilizzato per creare pagine web. Introdotto nel 1999 un aggiornamento minore a HTML 4, è una delle lingue più comuni che si vede su Internet oggi e uno dei più facili da imparare. Una volta padrone, non avrete nessun problema si spostano sul successive specifiche come XHTML o HTML 5, e le porte saranno aperte per imparare lingue relative come CSS - consente di creare qualsiasi tipo di sito Web che desideri.

Nozioni di base di HTML 4.01

HTML utilizza codice chiamato "tag" per etichettare il contenuto sulla tua pagina. Ecco un esempio:

< p > questo è un paragrafo. </p >

Come potete vedere, l'elemento "p" tutto dentro i due tag definisce come un paragrafo. "Apertura" tag sono sempre racchiusi tra parentesi, mentre "chiusura" tag sono identiche ad eccezione della barra prima dell'elemento.

< a > questo è il testo di un collegamento. < /a >

L'elemento "a" definisce un collegamento ipertestuale di base. Ma come fai a sapere dove si suppone che il link Invia quando si fa clic su di esso? Il tag di apertura < a > utilizza una speciale "attributo" chiamato "href". Pensare di attributi come opzioni extra che rimanete sempre all'interno del tag di apertura. In pratica, sembra che questo:

< a href = "This" > http://www.ehow.com "rel ="nofollow"> questo è il testo di un collegamento. < /a >

In alcuni casi, gli elementi non sono tenuti ad avere tag di chiusura. In questi casi, è possibile "auto-chiudere" un tag di apertura di attaccare una barra destra prima della parentesi finale:

< img / >

L'elemento "img" consente di visualizzare un'immagine nella pagina utilizzando l'attributo "src" per far browser sapere dove si trova il file di immagine. Dal momento che non hai bisogno di un < / img > tag, è solo chiudere il tag con "/ >".

Avete decine di elementi a vostra disposizione per creare elenchi, tabelle, forme e altro ancora.

Documento di struttura di un elemento HTML 4.01

Tutti i documenti HTML 4.01 iniziano con un elemento speciale chiamato "DOCTYPE" nella parte superiore della pagina. Sembra che questo:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 / / EN" "l'http://www.w3.org/TR/html4/strict.dtd" >

Non preoccuparti di memorizzare questo. Tutto ciò che davvero non è raccontare il vostro browser quale lingua si sta utilizzando e la posizione delle sue specifiche. Quel link che vedete che si dirige verso il sito del World Wide Web Consortium, il gruppo che si presenta con tutte le versioni di HTML e raccomanda che tipo di procedure di codifica le persone dovrebbero usare.

Di seguito la dichiarazione DOCTYPE elemento è un tag < html >. Alla fine del documento, è necessario chiuderlo con un < / html > tag.

Sotto, ogni documento HTML è divisa in due parti: la sezione di "testa" e la sezione di "corpo". Nella sezione "head" contiene informazioni sulla tua pagina, ma niente che appare nella pagina stessa. La sezione di "corpo" contiene tutto ciò che appare la pagina effettiva.

Mettere tutto insieme e assomiglia a questo:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 / / EN" "l'http://www.w3.org/TR/html4/strict.dtd" >
< head >
< title > mia prima pagina Web < / title >
< / head >
< corpo >
< h1 > si tratta di una voce. < / h1 >
< p > questo è un paragrafo sotto l'intestazione. </p >
< / body >
< / html >

Incollare questo codice nel blocco note o TextEdit, salvarlo con estensione ". html" e quindi aprirlo nel browser web predefinito. Vedrai una pagina web di vita reale.

Guardate l'angolo superiore sinistro della finestra del browser web. Vedrai il testo che legge "La mia prima pagina Web." Ecco perché incluso l'elemento "title" nella sezione "head". Come ci si potrebbe aspettare, l'elemento "titolo" definisce il titolo delle pagine, ed è un must-have perché permette di motori di ricerca sanno cosa li chiamano.

Modifiche rispetto alle versioni precedenti

HTML 4.01 è stato creato con lo scopo di separare stile dalla struttura. Come si può vedere in tutti gli esempi riportati sopra, HTML consente di strutturare le pagine web, ma non ci sono molti elementi che consentono di modificare il design delle cose. Ecco perché un linguaggio correlato chiamato CSS (acronimo di Cascading Style Sheets) è diventato il modo consigliato per progettare l'aspetto delle tue pagine. CSS è facile da imparare se sai HTML; si può anche attaccare diritto di codice CSS nelle sezioni di "testa" di documenti HTML.

Poiché HTML 4.01 lascia la maggior parte degli aspetti di progettazione fino a CSS, ci vuole un sacco di elementi di presentazione che esistevano nelle prime versioni di HTML. Ad esempio, ci utilizzato per essere un elemento di "font" che consentono di modificare l'aspetto del testo. Sembrava che questo:

< proprietà font face = "Arial" color = "red" > questo testo è rosso e utilizza il tipo di carattere Arial. < / font >

Mentre questo è abbastanza facile, la ragione si è sbarazzato di esso era perché è creato davvero ingombrante codice: ogni volta che si voleva più testo di essere rosso, si doveva gettare in più tag < font >. CSS consente di definire quale tipo di testo che si desidera essere rosso una volta ed evitare tutta la ripetizione.