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
|