• Embed Doc
  • Copy Link
  • Readcast
  • Collections
  • CommentGo Back
Download
 
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
><!-- QUESTO E’ UN COMMENTO --><!-- Il tag seguente consente di inserire alcune parole chiave, utilizzate dai motori di ricercaper indicizzare la pagina --><
meta
 
name
= "
keywords
"
content
= "
parola 1
,
 parola 2
, ……,
 parola n
"><!-- Il tag seguente consente di descrivere il contenuto della pagina --><
meta
 
name
= "
description
"
content
= "
descrizione
"><!-- Il tag seguente consente di indicare l’editor di testo utilizzato --><
meta
 
name
= "
GENERATOR
"
content
= "
nome dell’editor 
"><!-- Il tag seguente consente di indicare l’autore del documento --><
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.
of 00

Leave a Comment

You must be to leave a comment.
Submit
Characters: ...
You must be to leave a comment.
Submit
Characters: ...