HTML, o HyperText Markup Language, è fondamentalmente un insieme di tag che comunicare istruzioni al browser su come visualizzare le informazioni sullo schermo. Una volta che si capisce che cosa ogni tag è e cosa fa, scrivendo una pagina web è quasi facile come scrivere una lista della spesa.

Istruzioni

HTML 101

1

Aprire un nuovo file di blocco note e salvarlo sul desktop come "index. html." Trovare il file sul vostro desktop; fare doppio clic su esso per aprirlo nel browser web. Per ora, dovrebbe apparire come una pagina vuota. Come apportare e salvare le modifiche nel file di blocco note, aggiorna questa pagina web per verificare il codice HTML e controllare la relativa apparenza nel tuo browser.

2

Creare il seguente set di Tag:
< HTML >
< / HTML >
Questi tag che indicano il tuo browser che tutto il contenuto all'interno di questi tag è scritto in o (nel caso di CSS o javascript) è compatibile con HTML.

3

Creare l'intestazione di pagina web. Sulla riga sotto il tag < HTML >, digitare il seguente set di Tag: < testa >< / HEAD >

4


Da un titolo alla tua pagina. Tra i tag di intestazione, inserire il seguente: < TITLE > HTML Test pagina < / TITLE >. Salvare il lavoro e aggiornare la pagina nel browser web. La pagina dovrebbe ancora essere vuota, ma il titolo dovrebbe ora apparire nella barra del titolo del browser web.

5

Crea META tag in una nuova riga sotto il titolo:
< META NAME = "description" CONTENT = "Questa pagina è stata progettata utilizzando plain HTML" >
< META NAME = "keywords" CONTENT = "HTML, web design, progettazione di pagine web" >

6

Creare il corpo della pagina web. Questa è la parte che verrà visualizzato nei browser web.
Su una nuova riga sotto il < / HEAD > tag, inserire i seguenti tag: < corpo >< / corpo >

7


Creare i vostri contenuti. Tra il < BODY > e < / BODY > Tag, scrivere le informazioni che verranno visualizzati sulla tua pagina web. Per questo esercizio, digitare (o copiare e incollare) il seguente:
HTML è facile
Questa pagina web viene effettuata utilizzando il linguaggio di markup ipertestuale semplice, essenziale. HTML viene utilizzato per visualizzare il testo in diversi stili e colori. Il testo può essere grassetto, sottolineato, corsivo o barrato. HTML può essere utilizzato anche per creare collegamenti e aggiungere immagini a una pagina.

8


Creare sfondo della pagina, testo e collegare gli attributi di colore all'interno del tag < BODY > come segue:
< corpo bgcolor = "tan" text = "navy" link = "blue" vlink = "mezzanotte" alink = "aqua" >
Questo vi darà la vostra pagina uno sfondo marrone chiaro con testo blu navy. Testo del collegamento apparirà luminoso blu a volontà prima, girare aqua quando visitatori clic su di esso e infine diventano mezzanotte blu per coloro che hanno già visitato quel link.

9

Trovare il titolo, "HTML Is Easy". Aggiungere i seguenti tag per centrare e sottolineare il titolo:
< centro >< H1 > HTML è facile < / H1 >< / center >

10

Utilizzare il paragrafo, o tag < P >, per suddividere il testo rimanente in due paragrafi. Inserire questo tag nella parte anteriore fuori della linea, "Questa pagina web è realizzato con semplice, base hypertext markup language." Inserirlo nuovamente davanti alla linea, "HTML può essere utilizzato anche per creare collegamenti e aggiungere immagini a una pagina."

11

Applicare formati appropriati per le parole "grassetto", "sottolineato", "corsivo" e "barrato". In HTML, la frase sarà simile a questo:
Il testo può essere grassetto < B > </b >, < U > sottolineato </u >, < i > corsivo < /I > o < STRIKE > barrato < / STRIKE >.

12

Individuare la frase, "creazione di collegamenti," nell'ultima riga del testo. Trasformare questo in un collegamento ipertestuale alla home page di Google inserendo Link Tag prima e dopo la frase, come segue:
< a href = "Crea" > http://www.google.com "> creare collegamenti < /a >

13

Aggiungere che una Creative Commons con licenza foto su una nuova riga e centrarlo come segue:
< P >< centro >< altezza IMG = "160" border = "0" >
Aggiungere i tag Link su entrambi i lati del tag immagine:
< a href = "& lt; IMG" > http://www.flickr.com/photos/janelinton/122959202/ "> & lt; altezza IMG ="160"border ="0"alt ="Immagine da I_Shutter su Flickr">< /a >
All'interno del tag Link, aggiungere il titolo:
< a href = "http://www.flickr.com/photos/janelinton/122959202/" title = "Immagine da I_Shutter su Flickr" >
Congratulazioni. Hai appena scritto la prima pagina web in HTML.

Consigli & Avvertenze

• L'intestazione è la sezione che fornisce istruzioni sul Web su come visualizzare e catalogare la tua pagina. Contiene il titolo generalmente visualizzato sulla barra del titolo del browser web, nonché meta tag che descrivono il contenuto della pagina e fornire parole chiave, che lo rendono facile per i motori di ricerca elencare la tua pagina. Nelle pagine più avanzati, questo è anche dove va il CSS e javascript. Per personalizzare il contenuto di intestazione, è sufficiente sostituire il testo tra virgolette con i tuoi contenuti title e meta. È possibile collegare a qualsiasi pagina sul Web. Sostituire l'URL di Google con l'URL, completo con il prefisso "http://", alla pagina che si desidera collegare a invece. Si noti che il tag IMG sta da solo. Non c'è nessun < / IMG > tag di chiusura. Anche se abbiamo usato i nomi dei colori standard nel nostro corpo attributi, HTML può anche leggere esadecimale codici di colore, che permette più precisa corrispondenza dei colori. Codici esadecimali possono essere trovati nella sezione colori personalizzati della maggior parte dei programmi di imaging; o potete trovare convertitori di colore online, come convertitore di colore di Draac.com, che può convertire sia nomi di inglese standard e i valori RGB in codice HEX. Questo articolo è solo per iniziare. Fortunatamente, c'è penuria di tutorial HTML sul web. Controlla i link di riferimento per trovare tutorial su tecniche avanzate di formattazione e per imparare le vaste funzionalità di HTML nel web design.
• Manca un tag, mancante virgolette o anche un semplice errore di battitura di chiusura può rompere la tua pagina web, ma non preoccupatevi. Tali errori sono facili da trovare e correggere quanto sono da fare, grazie ai validatori come Markup Validator di W3C. Questi programmi verificare che il codice è corretto e può essere facilmente letto e compreso da tutti i browser web.