h1 otsikko

h2 otsikko

h3 otsikko

Tallenna tämä koodi:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="fi"> <head> <title>OTSIKKO</title> <link rel="shortcut icon" href=""> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <style> body { text-align: left; font-family: verdana, Times New Roman, tahoma, trebuchet MS; font-size: 8pt; color: #283741; line-height: 20px; letter-spacing: 1px; word-spacing: 1px; margin: 0; background-color: #dbdbdb; } table { font-family: verdana, Times New Roman, tahoma, trebuchet MS; font-size: 8pt; color: #283741; } #koko { width: 891px; background-color:#fff; background-image: url(bg.png); background-repeat: repeat-y; margin-left:30px; position: absolute; align:center; } #keski { width:891px; } #teksti { absolute: position; margin-left: 10px; width: 871px; border-right: 0px dotted #b1a188; float: left; margin-top: 3px; } #yla { background-repeat: no-repeat; height: 383px; left: 0px; width: 891px; margin: 0px; } #keski { width: 891px; clear: both; } a { text-decoration: none; font-wight: none; color: #1189d4; } a:hover { text-decoration: none; font-weight: bold; color: #687a85; } h1 { color: #16699d; text-align: justify; font-weight: bold; font-size: 17px; font-family: tahoma, 'Trebuchet MS', Verdana; text-transform: lowercase; padding-left: 80px; border-bottom:1px dashed #dbdbdb; margin-top: 0; margin-bottom: 0; } h2 { font-family: trebuchet ms, arial, Sans-Serif, Tahoma; font-size: 14px; color: #5285a5; text-transform: lowercase; font-style:italic; text-align: left; padding-left: 250px; } h3 { font-family:arial, Sans-Serif, Tahoma; font-size: 12px; color: #77bbe5; font-weight: none; font-style:italic; text-align: left; padding-left: 150px; } #alapala { height: 38px; clear: both; margin-bottom: 0; width: 891px; background-image: url(anrille2ala.png); margin-top: 10px; } </style> </head> <body> <div id="header"> <div id="koko"> <div id="yla"> <map name="kuva" id="kuva"> <area shape="rect" coords="316,356,375,369" href="url.html"> <area shape="rect" coords="382,353,432,371" href="url.html"> <area shape="rect" coords="441,353,511,371" href="url.html"> <area shape="rect" coords="522,357,569,368" href="url.html"> </map> <img src="anrille2.png" usemap="#kuva" border="0"> <A name="top"></a> </div> <div id="keski"> <div id="teksti"> SISÄLTÖÖ </div> <div id="alapala"></div> </body> </html>

Ja nämä kuvat:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis enim ac ante lobortis mattis quis ut dolor. Integer nulla felis, malesuada eu consequat a, posuere non erat. Quisque vel vulputate justo. Fusce dui ligula, dapibus eu lacinia a, ultrices sit amet quam. Etiam massa odio, pretium non adipiscing eget, placerat non arcu. Pellentesque quis tellus pellentesque leo faucibus mattis quis vitae urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar consectetur consequat. Proin tincidunt arcu in magna scelerisque et rutrum eros malesuada. Cras lacus urna, convallis eget mollis et, ullamcorper at dolor. Nullam ac commodo tortor. Cras iaculis faucibus scelerisque. Mauris nec sapien lacus, vitae tempor leo.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam aliquet nunc tincidunt lorem consectetur sollicitudin. Proin blandit tristique leo quis pellentesque. Curabitur in metus a nulla dignissim ultricies. Suspendisse ullamcorper arcu sit amet mi dictum mattis. Phasellus vehicula ornare pharetra. Integer vel elit vitae tortor laoreet venenatis. Aliquam congue gravida orci et elementum. Sed viverra accumsan volutpat. Ut at velit congue neque aliquet mattis. Etiam sollicitudin lobortis risus, eu vehicula orci sodales id. Sed malesuada, odio sed porttitor dapibus, justo dolor posuere libero, a fermentum nibh nisl dapibus quam. Sed sollicitudin ante quis magna sollicitudin et pulvinar turpis ullamcorper. Morbi aliquet, elit et commodo porttitor, nunc tellus lacinia nunc, vitae tristique enim augue sit amet nisl. Aenean ut leo sem. In vitae velit a sem facilisis luctus accumsan nec leo. Morbi pellentesque vulputate nisl, nec luctus elit ultricies in.

Curabitur nec congue ligula. Aliquam vitae enim vitae erat ornare sollicitudin ac et lacus. Nunc eleifend elementum neque auctor euismod. Aliquam eget ipsum sed elit mollis imperdiet. Vestibulum vitae neque et felis consequat scelerisque in quis nulla. Donec ut nunc tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent laoreet elementum nulla, vitae porta eros faucibus viverra. Aenean vitae scelerisque lacus. Fusce ut augue id libero faucibus accumsan. Nam eget lorem et eros viverra tincidunt in eu lectus. Nullam rutrum libero eget ipsum iaculis ornare. Integer ultricies tellus ut leo aliquam eu rhoncus nulla iaculis. Duis sed augue et lorem porttitor semper. Proin sed felis justo. Ut eget elit urna. Proin euismod, est sit amet lobortis hendrerit, diam mi molestie ligula, sit amet lacinia nibh eros eget nulla. Suspendisse dui justo, aliquam sed rutrum sit amet, luctus sit amet lorem. Ut nec dui vel tellus facilisis consectetur.

linkki