Ć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>