<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="utf-8" />
    <title>Titulek</title>
 
    <style>
    /* Vychozi CSS stylovani prijde sem*/
 
	ul {list-style-type:square}
	ul ul {list-style-type:circle}
 
	table {border-collapse: collapse}
 
	td {
	border: 2px solid black; 
	padding:10px;
	}
    /* */
    </style>
 
</head>
 
<body>
<ul>
<li>Obratlovci
	<ul>
	  <li>Savci</li>
	  <li>Obojživelníci</li>
	  <li>Plazi</li>
	</ul>
</li> 
<li>Bezobratlí
	<ul>
	  <li>Pavoukovci</li>
	  <li>Láčkovci</li>
	</ul>
</li> 
</ul>
 
<table>
 <tr>
  <td>1</td>
  <td colspan="2">2</td>
 </tr>
 <tr>
  <td>A</td>
  <td>B</td>
  <td>C</td>
 </tr>
 <tr>
  <td rowspan="2">X</td>
  <td>Y</td>
  <td>Z</td>
 </tr>
 <tr>
  <td colspan="2">?</td>
 </tr>
</table> 
 
 
<fieldset>
<legend>Výlet</legend>
<p>
 <label>Zoo</label>
 <input type="radio" name="vylet" value="zoo">
</p>
 
<p>
 <label>kino</label>
<input type="radio" name="vylet" value="kino">
</p>
 
<p>
 <label>hory</label>
<input type="radio" name="vylet" value="hory">
</p>
</fieldset>
 
<input type="text" name="jmeno">
<input type="number" name="vek">
 
 
</body>
</html>