HTML HTML Cosa sono le pagine HTML Un

Transcript

HTML HTML Cosa sono le pagine HTML Un
HTML
z Hyper
Text Mark-Up Language
di marcatura per ipertesti
z E’ un linguaggio di formattazione usato
per descrivere i documenti ipertestuali
disponibili nel World Wide Web.
z I siti web sono scritti in HTML
z Il codice viene letto ed elaborato dal
browser, il quale genera la pagina che
viene visualizzata sullo schermo.
z Linguaggio
HTML
Hyper Text Mark-Up Language
Cosa sono le pagine HTML
z Ogni
volta che navighiamo in rete
visualizziamo pagine HTML
z Che contengono testo, immagini, suoni
ecc.
z E sono collegate fra loro in modo da
formare un ipertesto
Risultato
Un esempio di pagina HTML
<html>
<html>
<head>
<head>
<title>
<title> Esempio
Esempio </title>
</title>
</head>
</head>
<body>
<body>
<h1>
<h1> Buongiorno
Buongiorno </h1>
</h1>
<p>Questo
<p>Questo èè un
un documento
documento HTML</p>
HTML</p>
<p>a
<p>a cura
cura di</p>
di</p>
<hr
<hr />
/>
<address>
<address>
<a
<a href=“http://www.itis.pr.it”>clicca
href=“http://www.itis.pr.it”>clicca qui
qui </a>
</a>
</address>
</address>
</body>
</body>
</html>
</html>
Acuni esempi di tag HTML
z <html>...</html> Racchiude l’intero
documento HTML.
z <head>...</head> Racchiude
l’intestazione di un documento HTML.
z <body>...</body> Racchiude il corpo
(testo e tag) del documento HTML.
HTML (file di testo)
z
z
Un file HTML è un file di testo quindi
potrebbe essere generato da un qualunque
editor di testo (es. blocconote)
HTML consiste di tag che funzionano come
comandi per il browser; ce ne sono per
indicare il testo in grassetto, per creare
elenchi, per mostrare un link e altro ancora.
Direttive per la realizzazione
delle pagine
z
z
Creare una cartella che conterrà tutti i soli i
file del nostro sito (es. c:\studente\sito)
Creare un documento e assegnare subito il
titolo, il colore del testo e dello sfondo (file-
proprietà)
z
Salvare il file nella cartella con un nome
significativo (tutto minuscolo, niente spazi e
nessun carattere particolare) (es.
z
Il nome della pagina iniziale del sito è
opportuno che sia index.htm
lamiapagina.htm)
Editor WYSIWYG
z
z
z
z
z
z
z
z
Esistono vari editor ad alto livello che facilitano il
compito di realizzazione di pagine web
WYSIWYG (What You See Is What You Get) (Ciò che
vedi è ciò che ottieni) … quasi …
Editor “gratuiti” di solito legati ai browser (es.
Microsoft FrontPage Express, Netscape Composer)
Editor “non gratuiti” di solito più completi (es.
Microsoft FrontPage, Macromedia Dreamweaver)
evitano all’utente di conoscere e maneggiare questi
tag, che restano dietro le quinte.