Az itt leírtakról bővebben a kezdőlap - alapismeretek - xhtml és a css lapok készítése témakörében olvashatunk.
Haladó XHTML - lap | Haladó CSS - lap
Haladó XHTML - lap
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Ide írjuk, weblapunk elnevezését </title>
<link href="kezdet.css" rel="stylesheet" type="text/css"/>
</head>
<body> <div id="container">
<div id="fejlec">
<div id="jelkep">
<a href="index.html"><img src="foto50x50.jpg" alt="Weblap" width="50" height="50" border="0" /> </a> </div>
<div id="cimsor"> <a name="vissza">
<h1> Dokumentumunk címe </h1> </div>
</div>
<div id="navigacio">
<table width="90%" border="8" cellpadding="5" cellspacing="2" class="navigtabla>
<caption align="top">Táblázat elnevezése </caption>
<tr><th>Adat</th> <th>Adat</th> <th>Adat</th></tr>
</table>
</div>
<h2> Dokumentumunk alcíme </h2>
<p> Bekezdés </p>
<p class="visszalep"><a href="#vissza"> Vissza a lap elejére </p>
<p> </p>
</div> </body> </html>
Haladó css, azaz stíluslap
Nyissuk meg számítógépünkön a jegyzettömb programot, és a következő részt másoljuk át.
Majd mentsük el a weblapom mappába kezdet néven, és a kiterjesztése css legyen. ( kezdet.css )
body {font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; background-color: #ccc;}
#container {width: 800px; margin-top: 5px; margin-right: auto; margin-left: auto;}
h1 {text-align: center;}
h2 {text-align: center;}
p {font: 1.2em Ariel; color: #000;}
strong {font-weight: bold;}
em {font-style: italic;}
#fejlec {width: 800px;}
#jelkep {width: 50px; float: left; margin-left: 5px;}
#cimsor {width: 740px;}
#navigacio {width: 800px;}
.navigtabla {width: 90%; margin-left: 20px;}
.visszalep {font-size: 12pt; font-weight: bold; margin-left: 30px;}