MINIGUIDA DI CONSULTAZIONE RAPIDA HTML

laif laboratorio di logica applicata e informazione filosofica




ETICHETTE (TAG) di BASE

< html > < /html >
Crea un documento HTML
<head > </head >
D&agrabe; informazione che non appare sullo schermo

<title > </title >
da mettere nella "head", mette il nome del documento nella barra del titolo

<body > </body >
Imposta la parte visibile del documento

DENTRO IL "BODY"

< bgcolor="..." >
colore dello sfondo (background) con nome o numero
< text="...." >
colore del testo
< link="..." >
colore dei link
<vlink="..." >
colore del link seguito
<alink="..." >
colore del link cliccato

TESTO

<h1> </h1 >... <h6 > </h6 >
Titoli dal grande al piccolo
< b> < /b>
grassetto (bold)
< i> < /i>
corsivo (italic)
< tt> < /tt>
tipo macchina da scrivere
< cite> < /cite>
citazione
< font color="..."> < /font color="...">
colore del font < font size="..."> < /font size="...">
grandezza del font (anche relativa; es.: +1, +2,...)
< font face="..." > < /font face="...">
carattere o tipo del font
< &.....grave;>
accenti gravi (inserendo vocale al posto dei puntini)
< &....acute; >
accenti acuti (inserendo vocale al posto dei puntini)
< &...uml; >
accenti con umlaut (inserendo vocale al posto dei puntini)
< &...ced; >
cedilla
< > < > < > < > < >

LINKS

< a href="URL"> < /a>
Crea un link a un indirizzo web (a una url)
< a href="mailto:EMAIL> < /a>
Crea un link a un indirizzo di posta
<a href="#NAME" > < /a>
Crea un link a indirizzo interno di un documento
< a name="NAME"> < /a>
Crea un indirizzo interno a un documento web

FORMATTAZIONE

< p> < /p>
Crea nuovo paragrafo
< br>
Va a capo
< center> < /center>
rende tutto centrato < div align="center/right/left"> < /div>
Mette il testo in centro/a destra/a sinistra
< hr>
crea una linea

LISTE

< ul> < /ul>
lista con pallini
< ol> < /ol>
lista numerata
< li> < /li>
elementi di una lista (def. pallini o numeri a seconda)

< dl> < /dl>
lista definitoria
< dt>
precede ogni termine della lista
<dd >
precede ogni definizione

ELEMENTI GRAFICI

< img src="name">
Aggiunge una immagine
< img src="name" align="left,right, center; bottom, top, middle">
Allinea una immagine
<img src="name" border="..." >
Setta la dimensione del bordo intorno all'immagine
< img src="name" width="..." high="...">
Setta la dimensione dell'immagine

< > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < >