_________________________________________
Pagina 1:
_____________________________________________<htlm><head><title>La Mia Pagina HTLM</title><style>body{font-size: 12px;line-height: 18px;background: green;background-image:url(halo.jpg);background-repeat: repeat-y;
}#pagina{margin-left: 10px; margin-right: 10px; margin-top: 50px; background-color: white;}#header{border: solid 5px red; font-size: 40px; height:700px; padding:5;}#centro{border: solid 5px yellow; height:200px; padding:20;}#footer{border: solid 5px blue;}#sinistra{float:left;}#destra{float:right;}select{font-size: 40px;}</style><body><!-- COMMENTO --><div id="pagina"><div id="header"><h1>Si inizia a studiare HTLM</h1><a href="pagina2.html">vai a pagina 2</a><p>Oggi abbiamo iniziato il nuovo modulo</p><div id="sinistra"><image src="halo.jpg" width="900px" height="500px" /></div><div id="destra"><image src="haloreach.jpg" width="300px" height="500px" /></div></div><div id="centro"><div id="sinistra"><h2>HTLM, pagine:</h2><ol><li>p1</li><li>p2</li><li>p3</li><li>p4</li><li>p5</li></ol></div><div id="destra"><h2>Che X ti piace?</h2><select><option>x1</option><option>x2</option><option>x3</option><option>x4</option><option>x5</option></select></div></div><div id="footer"><h3>con h3</h3><p>il fondo della pagg</p></div></div></body></head></htlm>
Pagina 2:
<html>
<head>
<title>La mia seconda pagina.....in quest anno!</title>
<style>
table{border: thin solid black;border-collapse: collapse;padding:20;}
td,th{border: thin dotted black;padding:20;}
th{background-color:#66FFFF}
</style>
<body>
<div id="pagina">
<div id="tabellina">
<table>
<tr> <th>Studenti</th><th>età</th></tr>
<tr> <th>Cavalierini</th><th>9 maggio 1991</th></tr>
<tr> <th>Ceccarini</th><th>25 maggio 1990</th></tr>
<tr> <th>Ceccarini</th><th>7 gennaio 1990</th></tr>
<tr> <th>Palazzetti</th><th>26 dicembre 1991</th></tr>
</table>
</div>
<a href="pagina1.html">vai a pagina 1</a>
</div>
</body>
</head>
</html>
Nessun commento:
Posta un commento