<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Creativo</title>
</head>
<body background="fondo.jpg">
HTML: perché? per chi?
<div align="center">
<center>
<table border="0" width="500">
<tr>
<td>
<p align="center" style="line-height: 100%; margin-top: 0; margin-bottom: 0"><img border="0"
src="Internet%20Creativo%20Golden%20Rock.jpg" width="600" height="60"><p align="center" style="line-height: 100%; margintop: 0; margin-bottom: 0"><img border="0" src="tavolozza.gif" width="380" height="305"><p align="center" style="line-height:
100%; margin-top: 1; margin-bottom: 1"><font color="#0000FF" face="Comic Sans MS" size="4">di</font><p align="center"
style="line-height: 100%; margin-top: 1; margin-bottom: 1">&nbsp;
<p align="center" style="line-height: 100%; margin-top: 1; margin-bottom: 1"><font face="Comic Sans MS" color="#0000FF"
size="5">Luciana
Marini e Stefano Minozzi</font></center></p>
<center>
<p align="center" style="line-height: 100%"><font color="#00ff00" face="Times New Roman" size="1"><a target="_top"
href="http://www.UltimateCounter.com/link.cgi?id=296797"><img
src="http://www.UltimateCounter.com/count/count.cgi?296797&amp;r=&amp;d=24&amp;s=1024&amp;t=20&amp;j=true"
border="0"></a>&nbsp;</font></p>
</center></td>
</tr>
</table>
</div>
</body>
</html>
di
Luciana Marini e Stefano Minozzi
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Creativo</title>
</head>
<body background="fondo.jpg">
<div align="center">
<center>
<table border="0" width="500">
<tr>
<td>
<p align="center" style="line-height: 100%; margin-top: 0; margin-bottom: 0"><img border="0"
src="Internet%20Creativo%20Golden%20Rock.jpg" width="600" height="60"><p align="center" style="line-height: 100%;
margin-top: 0; margin-bottom: 0"><img border="0" src="tavolozza.gif" width="380" height="305"><p align="center"
style="line-height: 100%; margin-top: 1; margin-bottom: 1"><font color="#0000FF" face="Comic Sans MS"
size="4">di</font><p align="center" style="line-height: 100%; margin-top: 1; margin-bottom: 1">&nbsp;
<p align="center" style="line-height: 100%; margin-top: 1; margin-bottom: 1"><font face="Comic Sans MS"
color="#0000FF" size="5">Luciana
Marini e Stefano Minozzi</font></center></p>
<center>
<p align="center" style="line-height: 100%"><font color="#00ff00" face="Times New Roman" size="1"><a
target="_top" href="http://www.UltimateCounter.com/link.cgi?id=296797"><img
src="http://www.UltimateCounter.com/count/count.cgi?296797&amp;r=&amp;d=24&amp;s=1024&amp;t=20&amp;j=true"
border="0"></a>&nbsp;</font></p>
</center></td>
</tr>
</table>
</div>
</body>
</html>
Decodifica
Codice html
<html>
<head>
<title>(Type a title for your
page here)</title>
</head>
<body bgcolor="#ffffff"
text="#000000"
link="#0000ff" vlink="#800080“
alink="#ff0000">
Esempio
</body>
</html>
Il codice viene
DECODIFICATO
da un
Browser
Es.: Explorer,
Netscape,
Opera
Alcuni comandi…
<body>, <html>, <title>
Ogni comando deve essere
<aperto> e </chiuso>
Esempio:
<body>testo della pagina</body>
Ogni sotto-comando viene
inserito all’interno del precedente
<html>
<body>
Testo visibile nella pagina
</body>
</html>
Caratteristiche generali della
pagina
<html>
<title>Internet Creativo</title>
<body background="fondo.jpg">
</html>
Colore del carattere e dimensione
<font color="#FF0000">
Cambia il carattere con il colore rosso
<br>
<font size="5">
Cambio la dimensione del carattere (da
predefinita: 3 a 5)
<br>
</font></font>
<font size="4" color="#00FF00">
Cambio la dimensione (da 5 a 4) e il colore (da
rosso a verde)
<br>
<br>
</font>
Tavole dei colori
<font
<font
<font
<font
<font
<font
<font
<font
color="#0000FF">Blu elettrico</font>
color="#00FFFF">Azzurro cielo</font>
color="#000080">Blu scuro</font>
color="#FFFF00">Giallo limone</font>
color="#FF0000">Rosso</font>
color="#FFCC00">Arancione chiaro</font>
color="#00FF00">Verde acido</font>
color="#008000">Verde scuro</font>
Link ipertestuali
<a href=“pagina.htm">
Collegamento ipertestuale ad una mia pagina
</a>
<br>
<a href="http://go.to/internet.creativo">
Collegamento ipertestuale ad un sito
</a>
<br>
<br>
..e adesso creiamo!!
Scarica

L`HTML: perché? e per chi?