Come creare una pagina web statica

Se un'invenzione ha cambiato completamente il mondo nel corso della nostra vita, è Internet. Sempre più persone vogliono una presenza sul Web al di là di 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 che intimidisce i principianti 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ù puoi fare con una pagina Web statica.

Passaggio 1

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

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 questi tag hanno un significato. Il

Il tag indica al browser che sta per essere visualizzata una pagina Web. è dove ogni tipo di informazione può andare per i motori di ricerca. significa che la parte che le persone vedranno sta per iniziare.

Passaggio 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. La "/" indica al browser di arrestarsi.

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 è bello ma non troppo entusiasmante. Prova qualche altro tag per renderlo più piccante. Ad esempio, rende il testo in grassetto; rende il testo in corsivo; permette di modificare la dimensione del carattere, da 1 (il più piccolo) a 6 (il più grande); rende il testo rosso (o qualsiasi altro colore immesso); 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:

per un'interruzione di paragrafo;
per un'interruzione di riga; per creare un'interruzione con una riga nella 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. Le immagini possono anche essere centrate, proprio come il testo.

Passaggio 5

Crea un collegamento a un altro sito web. Questo viene 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 .

Suggerimento

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

Pensa ai tag HTML come scatole all'interno di scatole oa quelle bambole russe. Questo si chiama annidamento e mantiene tutto pulito e facile da leggere. Ad esempio, testo posizionato tra sarà in grassetto, corsivo e centrato. Il