HTML

Ez nem egy referencia szintű oldal, ha ilyenre vágysz látogasd meg a HTML szabvány hivatalos honlapját!

Oldalszerkezet

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>Az oldal címe</title>
  <!--//
    A fejlécbe kerülnek a kiegészítő információk (kulcsszavak, a szerző, ...),
    és a megjelenést befolyásoló adatok (karakterkódolás, stílus definíciók)
  //-->
 </head>
 <body>
 
  ... Az oldal tartalma ide kerül ...
 
 </body>
</html>

HTML elemek

Bekezdések

<h1>Ez egy cím</h1>

<h2>Ez egy alcím</h2>

<h3>Ez egy alalcím</h3>

<p>Ez egy bekezdés</p>

<p>Ez egy bekezdés<br>sortöréssel</p>

<p>A bekezdés után elválasztó vonal</p><hr>

Hivatkozások

<img src="kep.jpg" alt="képet beszúrni így kell">

<a href="masik.html">Hivatkozás a masik.html állományra</a>

<a href="http://valahol.hu">Hivatkozás teljes URL-el</a>

<!--// Stíluslap csatolása //-->
<link rel="StyleSheet" href="base.css" type="text/css" media="screen,print"/>

<!--// JavaScript kód csatolása //-->
<script src="base.js" type="text/javascript">

Általános blokk elemek

<span>Inline (karakter szintű) blokk</span>

<div>Bekezdés szintű blokk</div>

Felsorolás, számozás

Felsorolás

<ul>
  <li>A felsorolás első pontja</li>
  <li>A felsorolás második pontja</li>
  <li>A felsorolás harmadik pontja</li>
</ul>

Számozott lista

<ol>
  <li>A számozott lista első pontja</li>
  <li>A számozott lista második pontja</li>
  <li>A számozott lista harmadik pontja</li>
</ol>

Összetett, többszintű lista

<ol>
  <li>A többszintű lista első pontja
    <ul>
      <li>Az első pont első alpontja</li>
      <li>Az első pont második alpontja</li>
    </ul>
  </li>
  <li>A többszintű lista második pontja
    <ul>
      <li>Az második pont első alpontja</li>
    </ul>
  </li>
  <li>A többszintű lista harmadik pontja
    <ul>
      <li>Az harmadik pont első alpontja</li>
      <li>Az harmadik pont második alpontja</li>
      <li>Az harmadik pont harmadik alpontja</li>
    </ul>
  </li>
</ol>

Táblázat

<table>
<tr><th>Egyszerű táblázat fejlécének első cellája</th><th>és második cellája</th></tr>
<tr><td>A második sor első adat cellája</td><td>és második adat-cellája</td></tr>
<tr><td>A harmadik sor első adat cellája</td><td>és második adat-cellája</td></tr>
</table>

Cellák összevonása

<td colspan="3">Ez egy három oszlop széles cella</td>

<td rowspan="2">Ez egy két sor magas cella</td>

Összetett példa

<table>
  <thead>
    <tr><th>A fejléc első cellája</th></tr>
  </thead>
  <tfoot>
    <tr><th>A lábléc alul fog megjelenni!</td></tr>
  </tfoot>
  <tbody>
    <tr><td>A táblázat törzse - lehet belőle több is!</td></tr>
  </tbody>
</table>