February 5
Codifica una pagina web richiede la conoscenza di HTML e CSS. HTML, o iper linguaggio di markup di testo, è linguaggio di scripting che utilizza i tag per raccontare un browser come rendere la pagina web. fogli CSS o Cascading Style è un altro linguaggio di scripting che permette di disegnare del HTML e crea il layout della pagina web. Sia HTML e CSS vengono digitati in un editor di testo e quindi la pagina web viene salvato come file HTML per la visualizzazione su Internet.
1 Aprire l'editor di testo e creare un nuovo file. Fare clic su "File" e "Nuovo" per iniziare un nuovo file.
2 Immettere i simboli di inizio e fine necessari per il browser Internet di riconoscere il file come una pagina web. HTML usa i tag che sono racchiusi in meno di e maggiore di simboli. Ogni tag è un tag di inizio e un tag di chiusura per racchiudere il contenuto che è visibile quando si visualizza la pagina Web. Ogni pagina inizia e finisce con gli stessi tag, il tag HTML e il tag BODY. Il tag HTML dice al browser che il file contiene HTML e il tag BODY contiene il contenuto visibile sulla pagina web. Il tag HEAD contiene ogni altra informazione che il browser ha bisogno di sapere prima di lacerante il contenuto del tag BODY. Per una semplice pagina web, questo è solo il tag title, che contiene il titolo della pagina web visualizzata nelle schede e barre del titolo del browser. Per esempio:
<Html>
<Head>
<Title> Pagina web </ title>
</ Head>
<Body>
</ Body>
</ Html>
Il tag HTML contiene l'intera pagina. "Pagina web" apparirà in schede e barra del titolo del browser. Ogni tag ha un tag di chiusura. Per la maggior parte dei tag, questa è una copia del tag con una barra prima del nome del tag.
3 Aggiungere contenuto alla tua pagina web tra i tag BODY e l'uso tag di paragrafo per rompere il testo. tag di paragrafo sono <p> </ p> e il testo circondano forzando un doppio spazio dopo la fine del tag. Circondano il contenuto in un tag divisione per separare il contenuto dallo sfondo. Per esempio:
<Body>
<Div>
<P> Questo è il paragrafo uno. </ P>
<P> Questo è il paragrafo due. </ P>
</ Div>
</ Body>
4 Aggiungere il layout, il colore e lo stile alla pagina usando i CSS. CSS può essere aggiunto a una pagina web in diversi modi. Il più semplice sta usando CSS in linea tramite l'attributo style. L'attributo style posto dopo il nome del tag, ma prima che il simbolo di maggiore nel tag di iniziare. Ad esempio, una pagina con testo nero su sfondo bianco, centrato su uno sfondo azzurro sarebbe simile a questa:
<Stile del corpo = "background: # 7FD4FF; margin: 0; padding: 0; color: # 000000; font-size: 14px;">
<Div style = "background: #FFFFFF; margin: auto 0; padding: 10px; width: 800px;">
<P> Questo è il paragrafo uno. </ P>
<P> Questo è il paragrafo due. </ P>
</ Div>
</ Body>
elementi CSS sono elencati tra virgolette dopo gli attributi di stile. Gli elementi hanno vari parametri tra cui colore e dimensione. Nell'esempio precedente, il tag di stile corpo è dato uno sfondo di luce blu, senza imbottitura o margini in modo che raggiunge la dimensione completa della finestra del browser, un colore del carattere del nero attraverso l'elemento di colore e una dimensione del carattere di 14 pixel. I colori sono espressi in valori esadecimali. Il valore esadecimale di un colore viene trovato mediante un selettore di colori. Un selettore di colori online gratuito è elencato nella sezione risorse al di sotto. Il tag DIV, che comprende i paragrafi e contenuto della pagina web, viene dato uno sfondo bianco, un margine automatico che centra la scatola bianca sullo schermo e una imbottitura di 10 pixel. L'imbottitura mette spazio tra il bordo della scatola e il testo all'interno della scatola. La scatola è data anche la larghezza di 800 pixel in modo che sembra essere circondato da sfondo azzurro nel tag BODY.
5 Salvare il file cliccando su "File" e "Salva" dando poi il file il nome "index.html".