Ćwiczenie 1. Napisz w HTML-u stronę zawierającą wszystkie znaczniki służące formatowaniu tekstu.
<!DOCTYPE html>
<html>
<head>
<title>Ćwiczenie 1. - WiAI</title>
<style type="text/css">
body {
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
</style>
</head>
<body>
<!--początek-->
<font size="7" title="...set do eiusmod tempor incididunt...">Lorem ipsum dolor sit amet</font>, <font size="-4">consectetur adipisicing elit</font>, <font color="4489b3">sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua</font>.
<h1>Ut enim ad minim veniam,</h1>
<h2>quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</h2>
<h3>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</h3>
<h4>Excepteur sint occaecat cupidatat non proident,</h4>
<h5>sunt in culpa qui officia deserunt mollit anim id est laborum.</h5>
<hr/>
<p><b>Lorem ipsum dolor sit amet</b>, <i>consectetur adipisicing elit</i>, <u>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</u>.
<s>Ut enim ad minim veniam</s>,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<em>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</em>
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<hr width="50%" style="text-align: center;" height="3px"/>
<pre>Przykład odwrotnej notacji polskiej:</pre>
<code title="((2+7)/3+(14-3)*4)/2">2 7 + 3 / 14 3 - 4 * + 2 /</code>
<hr noshade/>
<blockquote>Jaką pogodę na nowiu da <var>wrzesień</var>, <kbd>taka bywa zwykle przez całą jesień</kbd>.</blockquote>
<p><cite>640 KB pamięci operacyjnej powinno każdemu wystarczyć.</cite> - <font title="Mam nadzieję, że to on...">Bill Gates</font></p>
<big>To jest większy</big>, <small>a to mniejszy</small> tekst.<br/>
<code>2<sup>0</sup>=1<br/>10<sub>2</sub>=3<sub>10</sub></code>
<blockquote>Jeśli ciało <var>A</var> działa na ciało <var>B</var>, to ciało <var>B</var> działa na ciało <var>A</var> z siłą równą co do wartości, ale o <del>tym samym</del> <ins>przeciwnym</ins> zwrocie.</blockquote>
<div style="text-align: right;" title="Daj, kiedyś, Boże! ;)"><abbr>mgr inż.</abbr> Przemysław Jedlikowski, <acronym>CEO</acronym> @ <a href="http://jedlikowski.com" title="jedlikowski.com">jedlikowski.com</a><address>ul. Rynek<br/>27-425 Waśniów</address></div>
<fieldset><legend>Informacja</legend>Wszystkie prawa zastrzeżone.</fieldset>
<!--koniec-->
</body>
</html>