Come codificare pagine Web

February 25

Come codificare pagine Web


Codifica il proprio sito web richiede un po 'di pre-pianificazione, ma si tratta di un compito alla fine gratificante e realizzabile. Prima di iniziare, pianificare l'architettura e il contenuto del sito - quali pagine si avrà, quale ordine andranno in e quale testo, immagini e video andranno in quali pagine.

Si utilizzerà HTML, che sta per Hypertext Markup Language. HTML è un insieme di istruzioni per un browser web che dice: "Prendi questo contenuto, messo qui e farlo sembrare come questo."

Come qualsiasi altra lingua, HTML ha una sintassi e un vocabolario. La sintassi è <cominciare istruzioni> contenuti relativi alla istruzione </ fine istruzioni>.

istruzione

Codifica pagine Web

1 Aprire il software di sviluppo web (vedi la sezione Risorse per opzioni software gratuiti ea pagamento). Inizia un nuovo documento selezionando "File" e poi "Nuovo". Salvare il documento come index.html - questa sarà la tua home page.

2 Aprire un tag <html> in cima e aggiungere un tag di chiusura </ html> alla fine molto. Si codificare la pagina web tra questi tag, che permette al browser web sa che esegue la codifica in formato HTML.

3 Aprire e chiudere un tag <head> (uso </ head> per chiuderla). Le informazioni contenute in testa, non verrà visualizzato sulla pagina web stessa quando visualizzato in un browser; invece è possibile visualizzare informazioni sulla pagina web.

4 Entro i tag di apertura e chiusura della testa, includere qualsiasi di questi elementi dare un senso per la propria pagina web:

<Title> Il titolo della pagina web </ title>

<Meta name = "description" content = "Alcuni testo per descrivere la tua pagina web">

<Meta name = "keywords" content = "parole chiave separate da virgole che la gente potrebbe cercare di trovare il tuo sito web">

<Name = contenuto "autore" meta = "Il nome e il sito web del progettista della pagina web">

<Link href = "http: //Location-of-a-stylesheet.css" type = "text / css" rel = "stylesheet">

5 Aprire un tag <body> sotto la </ head> tag di chiusura, e chiudere il </ body> appena sopra il tag di chiusura </ html>. Il corpo è dove il vostro contenuto andrà.

Coding tipi di contenuto

6 Aprire un tag di paragrafo <p> e iniziare a digitare il testo. Potrai chiude un paragrafo utilizzando un tag di chiusura </ p>, e iniziare un'altra utilizzando un altro tag <p>. Spaziatura tra i paragrafi apparirà automaticamente.

La formattazione del testo è possibile utilizzare include:

<B> grassetto </ b>

<I> corsivo </ b>

<U> testo sottolineato </ b>

<Font color = "# ff0000"> questo testo sarebbe di colore rosso vivo; utilizzare il valore esadecimale di un colore per modificare il colore del carattere </ font>

<a href="This"> http://www.ehow.com/ "rel =" nofollow "> Questo testo sarà collegato al sito eHow.com </a>

7 Codice un'immagine utilizzando un tag HTML autonomo con vari attributi. Per esempio:

<Img border = "0" width = "200" height = "300" align = vspace "destra" = "4" hspace = "6">

Questo viene chiamato in un quadro intitolato "dove-tuo-image-lives.jpg" senza un bordo. L'immagine viene visualizzata a larga 200 pixel e alta 300 pixel, non importa quale sia la dimensione effettiva dell'immagine è sulla pagina. L'immagine viene allineato a destra e ci saranno quattro pixel di spazio sopra e sotto di essa, nonché sei pixel di spazio su entrambi i lati, per consentire testo intorno esso.

È possibile utilizzare lo stesso tag collegamento come nella sezione 2, Step 1 per creare un link foto fuori:

<a href="&lt;img"> http://www.ehow.com/">&lt;img rel = "nofollow"> </a>

8 Aggiungere un video da YouTube o da un altro sito di condivisione video utilizzando il codice embed fornito dal sito.

Consigli e avvertenze

  • Salvare il lavoro e controllare in un browser Web di frequente. HTML è un insieme di istruzioni molto specifiche, e gli eventuali errori di vocabolario o la sintassi farà la visualizzazione della pagina in modo non corretto.