1- Tag Fondamentali

LINGUAGGIO HTMLTag fondamentali

Autore: Bocchi CinziaUltimo aggiornamento: 23/09/2008

1

Linguaggio HTML - Tag fondamentali

Introduzione

Tratto da Wikipediahttp://it.wikipedia.org/wiki/Html:

“HTML

(acronimo per

H

yper

T

ext

M

ark-Up

L

anguage) è un linguaggio usato per descrivere idocumenti ipertestuali disponibili nel Web. Tutti i siti web presenti su Internet sono costituiti dacodice HTML, il codice che è letto ed elaborato dal browser, il quale genera la pagina come noi lavediamo. L'HTML non è un linguaggio di programmazione, ma un linguaggio di markup, ossiadescrive il contenuto, testuale e non, di una pagina web.

Punto

HTML (.html) o

punto

HTM (.htm)è anche l'estensione comune dei documenti HTML.”In questo documento sono presentati, per completezza, anche elementi HTML deprecati. Questisono segnalati alla fine del documento stesso, in un’apposita sezione.

Tag:

html, head, title, meta, body

Argomenti trattati



Struttura di una pagina html



Intestazione del documento



Editor html testuali

o

Esempio 1: Creare una semplice pagina Web con un editor di testo



Attributi del tag body

o

Esempio 2: Creare una pagina specificando il colore di sfondo e il colore del testo

o

Esempio 3: Creare una pagina specificando una immagine di sfondo



Pathname di file



Elementi deprecati

Struttura di una pagina html

Una pagina html è costituita da semplice testo combinato con direttive di formattazione dette

tag

. Itag sono racchiusi tra parentesi angolari (i simboli di minore “<” e maggiore “>”).Convenzionalmente, in questo documento, i tag saranno di colore blu scuro, per distinguerli daltesto normale. Osservate la figura seguente, che mostra la struttura di una pagina html.

<

html

><

head

>INTESTAZIONE DEL DOCUMENTO<

/

head

><

body

>CORPO DEL DOCUMENTO<

/

body

><

/

html

>

LINGUAGGIO HTMLTag fondamentali

Autore: Bocchi CinziaUltimo aggiornamento: 23/09/2008

2Una pagina html deve obbligatoriamente contenere i tag html, head e body.

−

Il tag html racchiude tutto il documento.

−

Il tag head contiene l’intestazione del documento.

−

Il tag body contiene il corpo del documento.Una

osservazione

, prima di procedere:I tag html, head e body sono “

tag doppi

”, nel senso che si usano in coppia. Il tag di chiusuradifferisce dal tag di apertura solo per uno slash “/” iniziale. Nel seguito vedremo che esistono anchetag singoli, privi del tag di chiusura.

Intestazione del documento

La sezione che rappresenta l’intestazione del documento, può contenere il titolo della pagina(informazione fortemente consigliata) e altre informazioni opzionali, dette

meta-informazioni

, qualil’autore del documento, l’editor utilizzato per scriverlo e così via.<

head

><

title

>TITOLO DEL DOCUMENTO<

/

title

><

meta

name

= "

keywords

"

content

= "

parola 1

,

parola 2

, ……,

parola n

"><

meta

name

= "

description

"

content

= "

descrizione

"><

meta

name

= "

GENERATOR

"

content

= "

nome dell’editor

"><

meta

name

= "

author

"

content

= "

Nome e Cognome dell’autore

"><

/

head

>Altre meta-informazioni sono:<

meta

http-equiv

= "

refresh

"

content

= "

x secondi

">Ricarica la pagina ogni x secondi.<

meta

http-equiv

= "

refresh

"

content

= "

x secondi;

url

= http://…// nome_file.html

">Dopo x secondi ricarica la pagina specificata.<

meta

http-equiv

= "

refresh

"

content

= "

data

">Ricarica la pagina dopo la data indicata.

LINGUAGGIO HTMLTag fondamentali

Autore: Bocchi CinziaUltimo aggiornamento: 23/09/2008

3<

meta

name

= "

ROBOTS

"

content

= "

NOINDEX

">Se la pagina non deve essere indicizzata nei Motori di ricerca.

Osservazione

I tag html possono contenere degli attributi. Un attributo ha sempre la forma

nome_attributo = “valore_attributo”

Convenzionalmente, in questo documento, i nomi degli attributi saranno rappresentati in arancione.Inoltre, quando il valore di un attributo non è completamente specificato o è generico (perché, peresempio si sta proponendo un esempio) viene rappresentato in corsivo.

Editor html testuali

Esistono molti strumenti per creare pagine html, tuttavia è sufficiente anche un editor di testo comeBlocco Note di Windows. Vi rimando al sito HTML.ithttp://download.html.it/categorie/start/114/windows/editor-html-testuali/ dove potete trovarenumerosi editor testuali freeware e shareware da scaricare. Io ve ne consiglio tre:

−

Editplus

http://download.html.it/software/vedi/1595/editplus/

−

Notepad++

http://download.html.it/software/vedi/1871/notepad/

−

Textpad

http://download.html.it/software/vedi/2219/textpad/ Scegliete quello che vi aggrada maggiormente.Dopo aver installato l’editor testuale, potete provare a copiare il codice dell’esempio1 e avisualizzare la pagina creata.

Esempio 1: Creare una semplice pagina Web con un editor di testo

Documento creato con TextPad 4.4.0.

esempio1.html

<html><head><title> Esempio 1 </title><meta name="description" content="Esempio di codice html"><meta name="GENERATOR" content="TextPad 4.4.0"><meta name="author" content="Bocchi Cinzia"></head><body>Primo esempio di pagina Web.</body></html>

Copiate questo codice e salvate il documento con estensione

.html

. Il documento salvato saràrappresentato con un’icona che dipenderà dal browser di default. Fate doppio clic sull’icona peraprire il documento: vedrete la vostra prima pagina html.