Hyper-Text Markup Language (HTML) è il linguaggio di markup utilizzato per pagine web di codice. Invece di utilizzare un completo linguaggio - come C++ o Java..--di programmazione HTML programmatori utilizzano bit di codice chiamato "tag" per raccontare i browser come trattare i blocchi di testo e altri contenuti. A partire dal 2011, le due specifiche di HTML corrente sono HTML 4.01 e XHTML 1.0. Il World Wide Web Consortium (W3C) sta ancora lavorando sulle specifiche per HTML5, che è utilizzato da molti codificatori di pagina web. Tuttavia, non è ancora una versione ufficiale di HTML. Tutte le moderne specifiche utilizzano i tag di base stessi.
Istruzioni
A partire di un documento HTML
1
Creare un nuovo file vuoto in un editor di testo o un editor di codice come Notepad + +, jEdit, BBEdit o Coda. Blocco note di Windows funziona anche per la codifica HTML, anche se gradisce righe numerate che rendono più difficile trovare pezzi di codice in file di dimensioni maggiori. Digitare la dichiarazione doctype nella prima riga del nuovo file HTML. Codificatori moderna pagina web utilizzano il doctype HTML5 di <! DOCTYPE html >, perché è breve e facile da ricordare. Sotto la dichiarazione doctype, aggiungere apertura e chiusura < html > Tag. Il tag di chiusura < html > < / html >.
2
Aggiungere di apertura e chiusura tag < head > tra i tag < html >. Nulla all'interno dei tag < head > è informazione per il browser, motori di ricerca e altri programmi. I visitatori del sito non vedere queste informazioni. Digitare qui il titolo del sito < title > < / title > per indicare al browser quale titolo da mostrare per il tuo sito Web. Sotto, aggiungere tag < style > per includere i tag di codice e < script > Cascading Style Sheet (CSS) per includere il codice JavaScript. Meta tag vanno anche all'interno dei tag < head >, come fare qualsiasi tag < link > utilizzati per collegare file di codice supplementare alla pagina.
3
Aggiungere di apertura e chiusura tag < body >. Tra questi tag, digitare qualsiasi testo da visualizzare nella pagina web. Considerando che nei documenti di Word si evidenzia il testo e fare clic sui pulsanti per modificarne l'aspetto, in HTML è disporre il testo nei tag. Il tag < p > Crea dei paragrafi e tag come < em > e < strong > aggiungere enfasi (corsivo) e stili al testo in grassetto. Creare elenchi puntati, utilizzando il tag < ul > e aggiungere gli elementi dell'elenco utilizzando i tag < li > avvolto intorno ogni sezione puntato del testo. Browser in stile testo all'interno di questi tag utilizzando alcuni stili predefiniti. Cambiando questi stili richiede una certa conoscenza di CSS.
4
Tipo < img / > per aggiungere un'immagine al documento. Sostituire il testo tra virgolette con il percorso al file di immagine. Tag immagine sono a chiusura automatica e hanno bisogno di nessuna chiusura < / img > tag. Formati immagine compatibili includono. GIF. JPG e. PNG. Po ' di tempo. I file GIF sono più piccoli e caricano più velocemente. Immagini JPG sono meno granulose, e. PNG consentono la migliore qualità alla dimensione minima. Visualizzare correttamente tutti i browser, ma Internet Explorer 6. Immagini PNG con trasparenza.
5
Salvare il file con l'estensione. HTML e quindi aprirlo in un browser. Senza alcun codice CSS per definire lo stile della pagina, essa sarà molto semplice. Questo è ciò che qualsiasi documento HTML sembra senza CSS o JavaScript. Pulsante destro del mouse sulla finestra del browser e seleziona "Visualizza sorgente" per visualizzare il codice HTML. È possibile farlo su qualsiasi sito Web, per visualizzare il codice HTML.
Consigli & Avvertenze
- Imparare CSS se volete stile pagine web. Includere il CSS dopo il seguente tag, all'interno dei tag < head >: < style type = "text/css" >. Terminare il CSS con una chiusura < / stile > tag. Esistono anche altri modi di tra cui CSS.
- Non scrivere codice HTML in Microsoft Word o qualsiasi editor di testo RTF simile. Questi programmi aggiungono codice di formattazione che appare confuso e rotto quando visualizzati in un browser.