Znaczniki służące do formatowania tekstu

Ć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&nbsp;eiusmod
tempor incididunt ut&nbsp;labore et&nbsp;dolore magna aliqua</font>. 
<h1>Ut&nbsp;enim ad&nbsp;minim veniam,</h1>
<h2>quis nostrud exercitation ullamco laboris nisi ut&nbsp;aliquip ex&nbsp;ea&nbsp;commodo consequat.</h2>
<h3>Duis aute irure dolor in&nbsp;reprehenderit in&nbsp;voluptate velit esse cillum dolore eu fugiat nulla pariatur.</h3>
<h4>Excepteur sint occaecat cupidatat non proident,</h4>
<h5>sunt in&nbsp;culpa qui officia deserunt mollit anim id&nbsp;est laborum.</h5>
<hr/>
<p><b>Lorem ipsum dolor sit amet</b>, <i>consectetur adipisicing elit</i>, <u>sed do&nbsp;eiusmod tempor incididunt ut&nbsp;labore et&nbsp;dolore magna aliqua</u>.
<s>Ut&nbsp;enim ad&nbsp;minim veniam</s>,
quis nostrud exercitation ullamco laboris nisi ut&nbsp;aliquip ex&nbsp;ea&nbsp;commodo consequat.
<em>Duis aute irure dolor in&nbsp;reprehenderit in&nbsp;voluptate velit esse cillum dolore eu&nbsp;fugiat nulla pariatur.</em>
Excepteur sint occaecat cupidatat non proident, sunt in&nbsp;culpa qui officia deserunt mollit anim id&nbsp;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&nbsp;nowiu da&nbsp;<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&nbsp;ciało <var>B</var>, to&nbsp;ciało <var>B</var> działa na&nbsp;ciało <var>A</var> z&nbsp;siłą równą co&nbsp;do&nbsp;wartości, ale o&nbsp;<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>

 

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.