A Sbafo! Tutto per il web gratis e in italiano...

AVVISO

   Aggiungi ai preferiti  

:: Sei qui: Home > Manuali > Indice generale dei manuali - Creare pagine WEB - pagina 10
Indice di questo manuale Indice di tutti i manuali Area download

Creare pagine WEB

Manuale scritto da Gianni Crestani - email: infochiocciolapcdazeropuntoit
La diffusione in qualunque forma delle Lezioni / Tutorial del sito www.pcdazero.it è consentita.
Tuttavia si richiede che la riproduzione sia completa del nome, e-mail e pagina web dell'Autore.

Visita il sito dell'autore...


LINGUAGGIO HTML ED ELEMENTI TAGS

Cos'è l'HTML

L'HTML (leggi "acca ti emme elle"), è ricavato dalle iniziali di "HyperText Markup Language".

L'HTML è un linguaggio riconosciuto universalmente che tutti i computer possono potenzialmente capire. E questo è uno dei principali motivi per cui l'HTML è diventato il linguaggio di pubblicazione usato da Internet.

Quindi conoscendo l'HTML puoi costruire pagine web che potranno essere pubblicate in Internet.

Non è strettamente necessario conoscerlo per costruire pagine web. Hai visto infatti che con un programma come Word puoi facilmente creare qualche pagina web. Word trasforma, per te, automaticamente il documento in linguaggio HTML.

Comunque, conoscere l'HTML ti darà più sicurezza e controllo nella costruzione di un sito web.

 

Cosa sono i TAGS

L'HTML usa degli elementi detti tags che sono appunto, tutte quelle scritte racchiuse tra due parentesi angolari ( < > ).

I tags sono delle istruzioni che definiscono la visibilità della pagina web.

 

HTML, un linguaggio da capire

Riprendiamo l'esempio della lezione precedente, con qualche piccola modifica:

Scrivere:
<html> è come dire al browser: <!--Qui inizia la pagina HTML-->

e quindi di seguito:

<head> <!--Qui inizia l'intestazione della pagina-->
<title> <!--Qui inizia il titolo della pagina-->
La mia prima pagina in HTML
</title> <!--/Qui finisce il titolo della pagina-->
<meta name="Generator" content="Blocco note di Windows"> <!--Questa pagina è stata generata con il "Blocco note di Windows"-->
<meta name="Description" content="Questo è un esercizio"> <!--La descrizione della presente pagina è "Questo è un esercizio"-->
</head> <!--/Qui finisce l'intestazione della pagina-->
<body> <!--Qui inizia il corpo della pagina-->
Benvenuti a tutti voi.
</body> <!--/Qui finisce il corpo della pagina-->
</html> <!--/Qui finisce la pagina HTML-->

Esistono i "tags di inizio" (es. <html>), ed i "tags di fine" (es. </html>). I "tags di fine" sono caratterizzati dal carattere slash ("/") ad inizio istruzione.

Analizziamo ora i singoli elementi appena visti.

 

<HEAD> </HEAD>

L'elemento HEAD contiene informazioni sul documento corrente, quali il suo titolo (che sarà l'unica informazione visibile - Barra del titolo), le parole chiave, che possono essere utili ai motori di ricerca, e altri dati che non sono considerati contenuto del documento (visibile).

 

<TITLE> </TITLE>

L'elemento TITLE identifica il contenuto di un documento. Il testo racchiuso in questi tags sarà visibile sulla "barra del titolo".

 

<META name="" content="">

L'elemento META può essere usato per identificare le proprietà di un documento (ad es. editor, autore, descrizione, elenco di parole chiave, ecc.) e assegnare valori a queste proprietà.

Ciascun elemento META specifica una coppia proprietà/valore. L'attributo name identifica la proprietà e l'attributo content specifica il valore della proprietà.

Questo tag è facoltativo, e quindi per ora puoi fare a meno di inserirlo se ti complica la comprensione di questa lezione.

 

<BODY> </BODY>

L'elemento BODY è il corpo di un documento e racchiude il contenuto del documento.

 

LA FORMATTAZIONE CON L'HTML

Formattare il testo con l'HTML

Per formattare il testo, ovvero per trasformare il testo nelle sue dimensioni, colore, allineamento e stile, dovrai fare uso di alcuni elementi (tags) specifici.

<B></B>
Presenta il testo in stile grassetto

<I></I>
Presenta il testo in stile corsivo

<BIG></BIG>
Presenta il testo sovradimensionato

<SMALL></SMALL>
Presenta il testo sottodimensionato

<TT></TT>
Presenta come testo di telescrivente o monospaziato

<CENTER></CENTER>
Presenta il testo centrato in senso orizzontale.

Riprendi l'esempio precedente...

<html>
<head>
<title>La mia prima pagina in HTML</title>
<meta name="Generator" content="Blocco note di Windows">
<meta name="Description" content="Questo è un esercizio">
</head>
<body>
Benvenuti a tutti voi.
</body>
</html>

e modifica l'ottava riga così:

<b>Benvenuti a tutti voi</b> otterrai: Benvenuti a tutti voi

E poi ancora così:

<i>Benvenuti a tutti voi</i> otterrai: Benvenuti a tutti voi

e così via

<i><b>Benvenuti a tutti voi</b></i> otterrai: Benvenuti a tutti voi

<big>Benvenuti a tutti voi</big> otterrai: Benvenuti a tutti voi

<big><i><b>Benvenuti a tutti voi</b></i></big>
otterrai: Benvenuti a tutti voi

<big><big>Benvenuti a tutti voi</big></big>
otterrai: Benvenuti a tutti voi

<center>Benvenuti a tutti voi</center> otterrai:

Benvenuti a tutti voi

<center><big><i><b>Benvenuti a tutti voi</b></i></big></center> otterrai:

Benvenuti a tutti voi

 

Come modificare una pagina HTML

Per modificare un file html:

  1. fai doppio clic per aprire il file

Verrà aperto con il browser predefinito (ad es. Internet Explorer)

  1. dalla barra dei menu clicca su File -> Modifica con Blocco note...
Verrà aperto il programma Blocco note con il codice HTML...
  1. Apporta le modifiche necessarie,
  2. dalla barra dei menu (del Blocco note) clicca su File -> Salva
Ora, anche senza chiudere il programma Blocco note,
  1. attiva la finestra del browser,
  2. clicca sul comando Aggiorna...
oppure premi il tasto F5 da tastiera.

In questo modo, se dovrai apportare ulteriori modifiche, ti basterà attivare nuovamente la finestra del programma Blocco note dalla "barra delle applicazioni".

Torna alla pagina precedente Vai alla pagina successiva
Pagina precedente Pagina successiva
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

Registrazione dominio, spazio illimitato, 5 caselle di posta, a soli 24,79 euro all'anno iva inclusa.

www. .

Questo sito è ottimizzato per Explorer 5.0 o superiore, Java compatibile. Alcune delle applicazioni presenti potrebbero non essere supportate da Netscape© o da sistemi operativi diversi da Microsoft© Windows. Tutti i marchi citati sono di proprietà dei loro legittimi autori.

Webmaster: Seatiger Team