mercoledì 25 giugno 2014

[HTML] Creazione di una pagina web

  giugno 25, 2014    



HTML è l’abbreviazione, l’acronimo di Hypertext Markup Language, che tradotto letteralmente significa Linguaggio di Contrassegno per gli Ipertesti. Come dice la traduzione stessa, è un linguaggio di contrassegno ma non è un linguaggio di programmazione in quanto, la funzione dell’HTML è quella di disporre gli elementi di una pagina web tramite un giusta sintassi nel compilare il foglio di stile. E’ possibile che il foglio di stile presenti, appunto, degli errori (per esempio un tag non chiuso) e non compaia nessun messaggio di errore, in questo caso la pagina web non sarà visualizzata correttamente. A questo sopperisce uno strumento che regola la sintassi: il W3C.
Per scrivere il codice HTML, e quindi una pagina web, bisogna usare un foglio di blocco note, per i più esperti Adobe DreamWeaver o FrontPage. Il file bisognerà salvarlo con estensione .html.
Il tag è un marcatore che permette la visualizzazione di un oggetto o di un testo desiderato. Il tag deve sempre essere chiuso quando ha finito la sua funzione. Si chiude con uno slash. Si può scrivere sia in minuscolo che in maiuscolo. Per esempio, se si vuole centrare la scritta Il mio sito nella pagina web, l’esatta sintassi sarà:

<P align="center">Il mio sito</P>

Stessa cosa se vi vuole centrare un’immagine:

<center><img src=”url dell’immagine.jpg”></center>

Se si vuole spostare a destra, sostituire center con left. Se si vuole spostare a sinistra, sostituire con right.

Per distanziare una frase da un’altra con il cosiddetto spazio o invio della tastiera, si userà il tag <br>.

Sulla base di quanto detto, possiamo creare la nostra prima pagina web con la scritta, in alto a centro:

Il mio sito web
Consigli telematici

Apriamo un foglio di blocco note e digitiamo l’intestazione “standard” che va all’interno del tag head:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

Attribuiamo un nome, un titolo alla pagina web, per esempio Webtools (potrebbe essere anche il titolo del vostro futuro blog o sito, sarà visibile nella scheda della finestra del broswer) che va all’interno del tag title:

<title>webtools</title>

Digitiamo il nostro contenuto all’interno del tag body, distanziandolo dall’inizio della pagina di tre spazi

<body>
<Br><Br><Br>
<P align="center">Il mio sito</P>
<P align="center">Consigli telematici</P>
</Br>
</body>

Chiudiamo il tag html e abbiamo creato la nostra prima pagina web. Il risultato sarà questo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>webtools</title>
</head>
<body>
<Br><Br><Br>
<P align="center">Il mio sito</P>
<P align="center">Consigli telematici</P>
</Br>
</body>
</html>

Il risultato visibile sulla pagina web, sarà questo (cliccare sull'immagine):



  

  No Comments

0 commenti:

Posta un commento

Iscriviti a: Commenti sul post (Atom)