Come scrivere pagine Web HTML / Myclads.com

Come scrivere pagine Web HTML

January 1

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

istruzione

HTML 101

1 Aprire un nuovo file di blocco note e salvarlo sul desktop come "index.html". Trovare il file sul desktop; fare doppio clic su di esso per aprirlo nel browser web. Per ora, dovrebbe apparire come una pagina vuota. Come si fanno e salvare le modifiche al file di blocco note, aggiornare questa pagina web per testare il codice HTML e verificare la sua comparsa nel browser.

2 Creare la seguente serie di tag:
<HTML>
</ HTML>
Questi tag indicano il browser che tutto quanto contenuto all'interno di questi tag è redatto o (nel caso di CSS o JavaScript) è compatibile con HTML.

3 Creare l'intestazione di pagina web. Sulla linea sotto il tag <HTML>, inserire il seguente set di tag: <HEAD> </ HEAD>

Lascia la tua pagina di un titolo. Tra i tag di intestazione, inserire il seguente: <TITLE> HTML pagina di prova </ TITLE>. Salvare il lavoro e aggiornare la pagina nel browser Web. La pagina dovrebbe comparire ancora vuoto, ma il titolo dovrebbe apparire nella barra del titolo del browser web.

5 Creare META tag su una nuova riga sotto il titolo:
<META NAME = "description" content = "Questa pagina è stata progettata utilizzando il codice HTML semplice">
<META NAME = "keywords" content = "HTML, web design, creazione di pagine web">

6 Creare il corpo della tua pagina web. Questa è la parte che apparirà nel browser web.
In una nuova riga sotto il </ head> tag, inserire i seguenti tag: <body> </ BODY>

Crea il tuo sito web. Tra i tag </ body> <body> e, scrivere le informazioni che appariranno sulla tua pagina web. Per questo esercizio, digitare (o copiare e incollare) la seguente:
HTML è facile
Questa pagina web è realizzato con semplice, essenziale Hypertext Markup Language. 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 attributi di sfondo della pagina, testo e colore del collegamento all'interno del tag <body> come segue:
<BODY bgcolor = testo "tan" = "Navy" link = "blu" VLINK = "Midnight" alink = "aqua">
Questo darà la vostra pagina di uno sfondo beige con navy blu. testo del collegamento apparirà blu brillante in un primo momento, si trasformerà acqua quando i visitatori fanno clic su di esso e, infine, diventano blu notte per coloro che hanno già visitato quel link.

9 Trova il titolo, "HTML è facile." Aggiungere i seguenti tag al centro e sottolineare il titolo:
<Center> <h1> HTML è facile </ h1> </ center>

10 Utilizzare il paragrafo, o tag <P>, per rompere il testo rimanente in due paragrafi. Mettere questo tag davanti fuori dalla linea, "La pagina web è realizzato con semplice, essenziale Hypertext Markup Language". Inserire nuovamente davanti alla linea, "HTML può anche essere usato per creare legami e aggiungere immagini a una pagina."

11 Applicare i formati appropriati per le parole "in grassetto", "ha sottolineato", "corsivo" e "barrato". In HTML, la sentenza sarà simile a questa:
Il testo può essere <B> grassetto </ B>, <U> sottolineato </ U>, <I> corsivo </ I> o <strike> cancellai </ strike>.

12 Individuare la frase, "creare collegamenti," nell'ultima riga del testo. Trasformare questo in un collegamento ipertestuale alla home page di Google con l'inserimento di tag di collegamento prima e dopo la frase, come segue:
<a href="create"> http://www.google.com "> creare collegamenti </a>

13 Aggiungere una foto con licenza Creative Commons su una nuova linea e centrarlo come segue:
<P> <center> <IMG height = "160" border = "0">
Aggiungere i tag di collegamento su entrambi i lati del tag Image:
<a href="<IMG"> http://www.flickr.com/photos/janelinton/122959202/"><IMG height = "160" border = "0" alt = "Immagine di I_Shutter su Flickr" > </a>
All'interno del tag link, aggiungere il titolo:
<a href="http://www.flickr.com/photos/janelinton/122959202/" title="Image da I_Shutter su Flickr">
Complimenti. Hai appena scritto la prima pagina web in HTML.

Consigli e avvertenze

L'intestazione è la sezione che fornisce istruzioni per il web su come visualizzare e catalogare la vostra pagina. Esso contiene il titolo generalmente visualizzato sulla barra del titolo del browser web così come meta tag che descrivono il contenuto della pagina e fornire parole chiave, che lo rendono facile per i motori di ricerca per elencare la vostra pagina. Nelle pagine più avanzate, questo è anche il luogo dove il CSS e JavaScript goes.To personalizzare qualsiasi contenuto dell'intestazione, è sufficiente sostituire il testo citato con il proprio titolo e meta content.You possono collegarsi a qualsiasi pagina sul Web. Sostituire l'URL di Google con l'URL, con "http: //" prefisso, della pagina che si desidera collegare al instead.Note che il tag IMG sta da solo. Non vi è alcun </ IMG> tag.Though chiusura abbiamo usato i nomi dei colori standard, in attributi nostro corpo, HTML può anche leggere i codici dei colori esadecimali, che consente più precisa corrispondenza dei colori. codici HEX può essere trovato nella sezione della maggior parte dei programmi di imaging colori personalizzati; o si può trovare convertitori colore on-line, come il convertitore di colore di Draac.com, che può convertire entrambi i nomi inglesi standard e valori RGB in articolo HEX code.This è solo per iniziare. Fortunatamente, non vi è carenza di tutorial HTML sul web. Controlla i link di riferimento per trovare tutorial sulle tecniche di formattazione avanzate e di apprendere le vaste capacità di HTML nel web design.
Un mancante tag di chiusura, mancano le virgolette o anche un semplice errore di battitura può rompere la vostra pagina web, ma non preoccupatevi. Tali errori sono facili da trovare e risolvere così come sono a fare, grazie a validatori, come s 'W3C Markup Validator. Questi programmi verificare che il codice è corretto e può essere facilmente letta e compresa da tutti i browser web.