<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="hu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
Stíluslapok</title>
</head>
<body>
<h1>
Stíluslapok használata</h1>
<p>
Ez a weboldal a stíluslapok működését mutatja be. A bal oldali menüből lehet stílust választani.</p>
<ul>

  <li>Ez egy számozatlan lista</li>
  <li>elemekkel</li>
  <li>és még egy elemmel</li>
</ul>
<hr>
<h2>
Miért előnyösek a stíluslapok?</h2>
<p>
Stíluslapok nélkül a html forrásba kéne beírnunk a formázásokat. Ha mondjuk minden h2-es címet kékkel, középre igazítva szeretnénk kiíratni, akkor mindig, amikor h2-es címet írunk, ezt meg kéne mondani a böngészőnek. Ehelyett a stíluslapban egyszer megmondhatjuk a h2-es cím tulajdonságait, amit aztán alkalmazunk minden olyan honlapra, ahol kékkel középre igazítva akarjuk látni címünket.</p>
<h2>
Táblázat</h2>
<table summary="Csak egy példa táblázat.">

  <tr>
    <th scope="col">Név</th>
    <th scope="col">Telefon</th>
    <th scope="col">E-mail cím </th>
  </tr>
  <tr>
    <td>Nagy András Béla</td>
    <td>+36201111111</td>
    <td>nagy.andras.bela@emil.hu</td>
  </tr>
  <tr>
    <td>Tóth József Géza</td>
    <td>+36201111112</td>
    <td>toth.jozsef.geza@emil.hu</td>
  </tr>
</table>
<hr>
<p class="fontos">
Ez itt egy fontos bekezdés</p>
<p>
Ez is egy bekezdés itt.</p>
</body>
</html>