Guida HTML
• Esiste una buona guida all’HTML
http://xhtml.html.it/guide/leggi/51/guida-html/
• oppure
ci si collega al www.html.it si segue la
strada per le guide e poi per l’html
Che cos’è l’HTML?
• Hyper Text Markup Language
• Definisce le caratteristiche stilistiche di un documento, non è programmazione!
• Le pagine HTML vengono visualizzate tramite un apposito programma: il browser!
• I browser più noti sono:
» Microsoft Internet Explorer » Netscape Navigator
» Mozilla » Firefox » Opera
Come si edita una pagina
in HTML?
• Si può utilizzare un qualsiasi word processor (Blocco Note, WordPad).
• Con WordPad si salva la pagina in modalità “Solo Testo” (si deseleziona RTF) ed estensione .html
• Con il Blocco Note si salva la pagina in modalità “tutti i file” (si deseleziona TXT) ed estensione
.html
• WordPad e Blocco Note
Il documento HTML
• I comandi HTML (tag) hanno una forma
base:
<COMANDO> … </COMANDO>
• Convenzione: HTML non è case-sensitive,
ma i comandi sono sempre maiuscoli!
• Ad alcuni comandi si aggiungono gli
attributi:
Il primo documento
HTML
<HTML>
Una pagina html
</HTML>
• Potenzialmente un documento html
può essere scritto tutto su una sola
linea, ma non sarebbe chiaro!
Intestazione, titolo e
corpo della pagina
• Intestazione:
<HEAD> … </HEAD>
→
Informazioni destinate al client
• Titolo (all’interno dell’ HEAD):
<TITLE> … </TITLE>
→
Titolo della pagina
• Corpo:
Esempio 1
<HTML>
<HEAD>
<TITLE>
La mia prima pagina in html
</TITLE>
</HEAD>
<BODY>
</BODY>
Esempio 2
<HTML> <HEAD> <TITLE>
La mia prima pagina in html </TITLE>
</HEAD> <BODY>
Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura
Dimensione dei font
• Ci sono a disposizione 6 diverse
grandezze per il testo:
<H + numero>
• 1 → Carattere più grande
• . . .
Esempio 3
<HTML> <HEAD> <TITLE>
La mia prima pagina in html </TITLE>
</HEAD> <BODY>
<H1> La Divina Commedia </H1> <H2> di Dante Alighieri </H2> <H4> Nel mezzo del cammin di