Come creare una pagina Web statica

click fraud protection
...

Internet: è il posto dove stare.

Se un'invenzione ha completamente cambiato il mondo nel corso della nostra vita, è Internet. Sempre più persone desiderano una presenza sul Web oltre a quella offerta dai social network: vogliono uno spazio Web da chiamare proprio. I principali siti Web stanno diventando sempre più complessi e utilizzano un gergo intimidatorio come Flash, CSS, perl e JavaScript, ma non temere. Quattro semplici lettere possono consentire a chiunque di ottenere una presenza sul Web in pochissimo tempo: HTML. Le lettere stanno per hypertext markup language, un linguaggio di programmazione che utilizza una serie di tag per creare una pagina Web statica. Più tag conosci, più cose puoi fare con una pagina Web statica.

Passo 1

Crea lo scheletro di base di una pagina Web statica copiando il codice seguente in un semplice editor di testo, come Blocco note:

Video del giorno

Quindi salva il file come index.html (il nome predefinito della pagina principale) e aprilo nel tuo browser. Non dovresti vedere nulla perché hai creato una pagina Web vuota.

Tutti quei tag hanno un significato. Il tag comunica al browser che sta per essere visualizzata una pagina Web. è dove tutti i tipi di informazioni possono andare per i motori di ricerca. significa che la parte che la gente vedrà sta per iniziare.

Passo 2

Pensa all'HTML come a due tipi principali di tag (bit di codice tra parentesi). Uno dice al browser di iniziare a fare qualcosa e un altro gli dice di fermarsi.

Rendi questo testo in grassetto

Tutto dopo -- il tag di apertura -- sarà in grassetto finché non raggiunge -- il tag di chiusura. Il "/" dice al browser di fermarsi.

Passaggio 3

Aggiungi testo alla tua pagina web. Digita "Questa è la mia pagina Web" nel corpo della pagina Web, tra e. Salva la pagina e dai un'occhiata nel browser. Il risultato è carino ma non troppo entusiasmante. Prova qualche altro tag per ravvivarlo. Ad esempio, rende il testo in grassetto; rende il testo in corsivo; consente di modificare la dimensione del carattere, da 1 (il più piccolo) a 6 (il più grande); rende il testo rosso (o qualsiasi altro colore inserito);

centra il testo (o un'immagine) sulla pagina.

Prova a utilizzare diversi di questi tag sullo stesso blocco di testo. Puoi fare qualsiasi combinazione tu voglia.

Puoi anche aggiungere spazio tra gli elementi della tua pagina inserendo quanto segue tra di loro:

per un'interruzione di paragrafo;
per un'interruzione di riga;


per creare un'interruzione con una linea attraverso la pagina Web.

Passaggio 4

Aggiungi immagini alla tua pagina. Fallo usando il tag e sostituisci l'indirizzo Web nell'esempio con la posizione dell'immagine che desideri utilizzare. Questo è uno dei pochi tag che non ha un tag finale. Anche le immagini possono essere centrate, proprio come il testo.

Passaggio 5

Crea un collegamento a un altro sito web. Questo è fatto con il tag Clicca qui. Quel codice rende le parole "Fai clic qui" il collegamento a un altro sito web. Invece del testo, puoi utilizzare un'immagine come collegamento utilizzando il codice .

Consiglio

Utilizzando questi codici HTML insieme, puoi creare pagine Web statiche di qualsiasi complessità desideri.

Pensa ai tag HTML come scatole all'interno di scatole o quelle bambole russe. Questo si chiama nidificazione e mantiene tutto pulito e facile da leggere. Ad esempio, il testo inserito tra

e
sarà in grassetto, corsivo e centrato. Il
la scatola è all'interno del scatola, che si trova all'interno del scatola.