<DOCTYPE HTML PUBLIC “-//W3C// DTD HTML 4.01 Strict//IT"
http://w3.org/TR/html4/strict.dtd>
<html>
<head>
<!-- Inserisco meta tag -->
<meta tag="DC. Title" content="Prova html">
<meta http-equiv="Set cookie"
content="cookievalue= Ismaele;
expires= Tuesdays, 15-september-2009 0:00:00 GMT;
path=/">
</head>
<body link="blue" vlink="red" bgcolor="red" background="http://upload.wikimedia.org/wikipedia/it/b/bc/Wiki.png">
<a name="Home">Eccoci di nuovo qua</a>
<!-- Inserisco titolo-->
<h1>Html</h1>
<h2>Alcuni tag elementari</h2>
<!-- Inserisco paragrafi e blocchi di testo -->
<p>primo paragrafo</p>
<div>blocco di testo</div><br>
<div class="box">secondo blocco di testo</div><br>
<span>contenitore di info</span>
<!-- Separo -->
<hr width="100%" size="2" align="left">Ecco fatto</hr>
<!-- Stacco -->
<br>
<br>
<!-- Testo preformattato -->
<pre>Ciao
ciao</pre>
<h3>Elenchi</h3>
<h4>Elenco ordinato</h4>
<ol start="1" class="lista">
<li>Dr. House</li>
<li>Wikipedia</li>
<li>Altra roba</li>
</ol>
<h4>Elenco non ordinato</h4>
<ul type="circle">
<li>Dr. House</li>
<li>Wikipedia</li>
<li>Altra roba</li>
</ul>
<h4>Elenco di definizioni</h4>
<dl>
<dt> Dr. House</dt>
<dd>La migliore serie tv</dd>
<dt>Wikipedia</dt>
<dd>L'enciclopedia libera</dd>
</dl>
<h3>Riparto</h3>
<!--Home page -->
<a href="http://it.wikibooks.org">ottimo sito</a>
<!--Link a sezione -->
<a href="#Home">Inizio del body</a>
<!--Mail-->
<a href="mailto:Vanni.giuseppe@fastwebnet.it?subject=Html&body=Great">Inviami una mail!</a>
<!-- Inserisco immagine -->
<IMG SRC="http://upload.wikimedia.org/wikipedia/it/f/ff/Portale_Dr._House.png" BORDER="1" ALT="immagine portale" TITLE="creato da <a href="http://it.wikipedia.org/wiki/Utente:RanZag">RanZag</a>" WIDTH="4.770 px" HEIGHT="425px" ALIGN="left" CLASS="testorosso"/>
<!--Inserisco tabella USANDO LO SCHEMA DI BATTAGLIA NAVALE-->
<table width="100%" height="30%" cellspacing="4" cellspadding="3">
<caption align="top">Tabella</caption>
<tr>
<th>Intestazione</th>
<th>Seconda intestazione</th>
</tr>
<tr>
<td align="top">A1</td>
<td align="top">B1</td>
</tr>
<tr>
<td align="top">A2</td>
<td align="top">B2</td>
</tr>
</table>
<!--Inserisco campo di testo-->
<form action="prova.php" method="post">
<input type="text" name="Inserisci il tuo nome" size="20" maxlenght="15">
<input type="text" name="inserisci il tuo cognome" size="25" maxlenght="22">
<input type="password" name="Digita la password" size="20" maxlenght="15">
</form>
<!-- Inserisco menù -->
<form action="prova.php" method="post">
<select name="menu">
<option>Dr. House</option>
<option>Wikipedia</option>
<option>Wikibooka</option>
</select>
</form>
<!--Inserisco area di testo-->
<form action="prova.php" method="post">
<textarea name="message" rows="10" cols="50" wrap>Scrivi qua</textarea>
<!--Pulsante cancella-->
<form action="prova.php" method="post">
<input type="reset" value="Cancella">
</form>
<!--Pulsante anteprima-->
<form action="prova.php" method="post">
<input type="submit" value="invia">
</form>
</form>
<style type="text/css">
/* Inserisco dati classi */
p.testoverdana { font-size: 12px;
font-family: Verdana; }
h1.testorosso { color: red;
font-family: Arial;
text-decoration: underline;
text-transform: uppercase; /* Testo maiuscolo */ }
h2.testorosso { }
/* Tutti i “testorosso" sono di 15px e hanno uno sfondo nero */
.testorosso { font-size: 15px;
background-color: black;
font-weight: bold; /* Inserisco grassetto */
font-style: italic; /* Inserisco corsivo */ }
body.immagine { background-image: url(http://www.immaginesfondo.gif);
text-align: justify;
white-space: pre; }
.immagine { background-repeat: repeat;
background-attachment: scroll; /* Segue la pagina */
background-position: top left; }
.lista { list-style-image: url(http://www.immaginesfondo.gif);
list-style-position: outside; }
.box { overflow: visible;
border-left-style: dotted;
border-right-width: thin}
</style>
</body>
</html>