Edit in JSFiddle

<!DOCTYPE html>
<html>
	<head>
		<title>Veebileht minust</title>
		<meta charset="UTF-8" />
	</head>
	<body>
		<h1>Minu koduleht</h1>
		<h2>Siit võib leida mõttetut <i>contenti</i> ainult minust</h2>

		<h4>Faktid minust ja mu kassist:</h4>
		<p>
			Kõigepealt mulle meeldib programmeerida. <br />
			Eriti meeldib veebiarendus, sest see on ülimalt tore.
		</p>
		<pre>
				Lisaks sellele meeldib mulle ka veebidisain.
					Sest siin saab panna paika
							enda reeglid.
		</pre>

		<p>
			Mu kass on üsnagi <b>paks</b>, aga ta pole <em>laisk</em>
		</p>

		<p>
			Mina vastupidiselt oma kassile olen <i>lean</i>, aga <strong>laisk</strong> 
		</p>

		<p>
			<small>Kass on suur</small>.
		</p>

		<br />
		
		<h4>Tähtsad faktid minust ja muust:</h4>
		<ul>
			<li>Minul on kass</li>
			<li>Eesti üks naaberriik on Soome</li>
			<ul>
				<li>Helsinki on Soome pealinn</li>
			</ul>
			<li>Eesti on IT maa</li>
		</ul>
		
		<h4>Minu lemmiktoidud</h4>
		<ol>
			<li>Pizza</li>
			<li>Pizza</li>
			<li>Pizza</li>
			<li>Friikad</li>
			<li>Hamburger</li>
		</ol>
		
		<table>
			<caption>Minu kassi menüü</caption>
			<tr>
				<th>Söögikord</th>
				<th>Söök</th>
			</tr>
			<tr>
				<td>Hommikusöök</td>
				<td>Whiskas pakitoit</td>
			</tr>
			<tr>
				<td>Lõunasöök</td>
				<td>Kanasüdamed</td>
			</tr>
			<tr>
				<td>Õhtusöök</td>
				<td>Kuivtoit</td>
			</tr>
		</table>
		
		<br /><br />
		
		<table>
			<caption>Minu ametlik säästusplaan</caption>
			<colgroup>
				<col />
				<col style="background-color: #81c784;" />
			</colgroup>
			<thead>
				<tr>
					<th colspan="2">Säästmisplaan #1212</th>
					<th>Kuupäev ja kellaaeg: <time datetime="2016-10-21 15.45">21.10.2016 15.45</time></th>
				</tr>
				<tr>
					<td>Juhendaja: Paul Rahageenius</td>
					<td>Klient: Oliver Paljak</td>
					<td rowspan="3">
						<strong>Täpsemad andmed: </strong><br />
						Sessioon kestis: 65 min<br />
						Kliendi hinnang: 11/10<br />
						Järgmine sessioon: <time datetime="2017-01-10 15.45">10.01.2017 15.00</time><br />
					</td>
				</tr>
				<tr>
					<td>Kontrollija: Raul Juht</td>
					<td>Klient rahul: Jah</td>
				</tr>
				<tr>
					<td>Allkirjastatatud (korraldajad): Jah</td>
					<td>Allkirjastatatud (klient): Jah</td>
				</tr>
			</thead>
			<tbody>
				<tr>
					<th colspan="3">Kokku lepitud säästmisvõtted</th>
				</tr>
				<tr>
					<td colspan="2">Maksa kindla summaga poes</td>
					<td>Jah</td>
				</tr>
				<tr>
					<td colspan="2">Mündid ja sendid hoiukasadesse</td>
					<td>Jah</td>
				</tr>
				<tr>
					<td colspan="2">Panga teenindustasude ülevaatamine</td>
					<td>Jah</td>
				</tr>
				<tr>
					<td colspan="2">Olemasolevad laenud tagasi maksta</td>
					<td>Jah</td>
				</tr>
				<tr>
					<td colspan="2">Autost loobumine</td>
					<td>Jah</td>
				</tr>
				<tr>
					<td colspan="2">Eelarvestamine</td>
					<td>Ei</td>
				</tr>
				<tr>
					<td colspan="2">Sularaha tihedam kasutamine</td>
					<td>Jah</td>
				</tr>
			</tbody>
			<tfooter>
				<tr>
					<th colspan="3">Kokkuvõte</th>
				</tr>
				<tr>
					<td>Kliendi skoor</td>
					<td>85%/100%</td>
					<td>100% jäi puudu ühe "ei" pärast</td>
				</tr>
				<tr>
					<td>Kliendi oodatud säästmissumma (%)</td>
					<td colspan="2">25% kuni 35%</td>
				</tr>
			</tfooter>
		</table>
		
		
		<br />

		<h4>Kultuur:</h4>

		<p>
			Mind segab <del datetime="2016-09-10 15.00">vali muusika</del> <ins datetime="2016-09-10 15.00">väga vali muusika</ins> .
		</p>

		<p>
			<s>Mul on üks pilet kontserdile "Jäääär: juubeli tuur Saaremaal", mis toimub täna <time datetime="2016-09-10 15.00">15.00</time>! Kas kellegil on huvi osta?</s> Välja Müüdud!
		</p>

		<br />

		<p>
			Raamatu <cite>Soft Skills</cite> autor on John Sonmez.
		</p>

		<br />

		<p>
			Minu üks lemmikuid tsitaate:
			<br />
			<q>Whether you think you can, or you think you can't--you're right</q> - Henry Ford
			<br />
			<br />
			Lisaks sellele meeldib mulle järgmine tsitaat:
		</p>
		<blockquote cite="https://www.brainyquote.com/quotes/quotes/m/michaeljor127660.html">
			I've missed more than 9000 shots in my career. I've lost almost 300 games. 26 times, I've been trusted to take the game winning shot and missed. I've failed over and over and over again in my life. And that is why I succeed.
		</blockquote> - Micheal Jordan


		<br />

		<p>
			Tihtipeale on mõistlik konspektis ära märkida tähtsad laused:<br />
			<mark>Ringiks nimetatakse tasandi osa, mis on piiratud ringjoonega</mark>
		</p>

		<p>
			Ja vähem tähtsamatele, aga siiski tähtsatele lausetele tõmbame joone alla:<br />
			<u>Korruta ja jaga, siis liida ja lahuta</u>
		</p>

		<p>
			<del datetime="2016-09-12 15.00">2+2=5</del>, ei oota las ma teen selle uuesti, 2+2=4
		</p>

		<h4>Füüsika valemid:</h4>
		<p>
			<var>F</var><sub>g</sub> = <var>m</var><var>g</var>
			<br />
			<var>E</var> = <var>m</var><var>c</var><sup>2</sup>
			<br />
			<var>m</var> tähistab mõlemas valemis massi.
		</p>

		<h4>Veebiarendus:</h4>
		<p>
			<dfn><abbr title="Hyper Text Markup Language">HTML</abbr></dfn> on üks veebiarenduse põhikeeltest
		</p>

		<p>
			Väikene näide (HTML - Hello World):
			<br />
		</p>
		<pre>
<code>
&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Hello World Website&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt;Hello World!&lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code>
		</pre>
		<p>
			See nüüd peaks väljastama veebilehele järgmise teksti: <samp>Hello World!</samp>
		</p>

		<p>
			Vajuta <kbd>Ctrl+S</kbd>, et salvestada see tore veebileht minust endale arvutisse.
		</p>
		
		<h4>Veebiarenduse lühendid:</h4>
		<dl>
			<dt>CSS</dt>
			<dd>Cascading Style Sheet</dd>
			<dt>JS</dt>
			<dd>JavaScript</dd>
			<dt>OOP</dt>
			<dd>Object Oriented Programming</dd>
		</dl>

		<h4>Kontakt:</h4>
		<address>
			Suure Vale 4,
			Tallinn,
			Eesti,
			95555
		</address>
		<p>
			Minu kodulehele saab <a href="http://oliverpaljak.com">siit</a>.
		</p>
		<p>
			<bdo dir="rtl">Minu kodulehele saab <a href="http://oliverpaljak.com">siit</a>.</bdo>
		</p>
	</body>
</html>
table, th, td{
	border: 1px solid black;
	padding: 10px;
}

table{
	border-collapse: collapse;
	width: 100%;
}