Html

Főcím <h1></h1>
Alcím <h2></h2>
Bekezdés <p></p> vagy <div></div>
Sortörés <br> (nincs záró címke!)
Vastag/dőlt/aláhúzott <b></b>, <i></i>, <u></u>
<img src="kep.png" alt="leírás"> (1: Nincs záró címke! 2: A
Beillesztett kép
képet ugyanabban a könyvtárban kell elhelyezni.)
<a href="http://elte.hu">szöveg</a>, <a
Külső/belső link href="fajl.html">szó</a>
Hivatkozási pont <a name="pont"></a>
<ol>
  <li>Valami</li>
Számozott lista   <li>Valami2</li>
</ol>
<ul>
  <li>Valami</li>
Számozatlan lista   <li>Valami2</li>
</ul>
<table>
  <tr><td>Bal fent</td><td>Jobb fent</td></tr>
Táblázat   <tr><td>Bal lent</td><td>Jobb lent</td></tr>
</table>
<form name="input" action="oldal.html"
method="get">
  <label>Vezetéknév</label>
  <input type="text" name="vnev">
Űrlap   <label>Keresztnév</label>
  <input type="text" name="knev">
  <input type="submit" value="Mehet">
</form>

Szín color: red; vagy color: #ff00ff;

Háttérszín background: blue; vagy background: #00ff00;
Háttérkép background-image: url('kepfajl.png');
border-style:solid/dashed/dotted;
Keret border-width:5px;
border-color:black;
width: 10px;
Méret height: 100px;
font-family: Arial/Courier/Times
font-size: 12px;
Betűtípus font-style: italic;
font-weight: bold;
margin: 10px;
Margó/behúzás padding: 20px;
Szöveg igazítása text-align: center/right/justify;
display: block;
Kép középre igazítása margin-left: auto;
margin-right: auto;
Úsztatás float: right/left;

body {
  background: #ff0ff0;
  color: #00ff00;
  font-size: 12pt;
  margin: 0px;
  padding: 10px;
}
h1 {
  background: #00ff00;
  color: #ff0ff0;
}
a {
  text-decoration: none;
  font-weight: bold;
  background: #00ff00;
  color: #ff0ff0;
}
a:hover {
  background: #ff0ff0;
  color: #00ff00;
}
.kiemeles {
  color: red;
  background: yellow;