Az itt leírtakról bővebben, az alapismeretek , xhtml és a css lapok készítése témakörében olvashatunk.

XHTML - lap | CSS - lap

Kezdet:
A saját számítógépünkön készítsünk egy mappát, a következő elnevezéssel: weblapom

Kezdő XHTML - lap

Nyissuk meg számítógépünkön a jegyzettömb programot.
A következő részt másoljuk át.
Majd mentsük el a weblapom mappába index néven, és a kiterjesztése html legyen. ( index.html )


<!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">
<h1> Ide írjuk a dokumentumunk címét </h1>
<p>

</p>
</div>
</body>
</html>

Kezdő 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-left: 5px;}
h1 {text-align: center;}
p {font: 1.2em Ariel; color: #000;}
strong {font-weight: bold;}
em {font-style: italic;}

Vissza a lap elejére

Weblap