Spolupráce

Vytisknout

ukazka

Napsal Honza Nymš. Posted in Administrace

Nadpisy

Nadpis H1

Nadpis H2

Nadpis H3

Nadpis H4

Linky



Formátování písma

element<em>

mark

mark<strong>

 del

ins<ins>

abbr<abbr>

dfn<dfn>

Otázka a odpověď

<g>Otázka?</g>

<blockquote>odpověď odpověď odpověď odpověď</blockquote>

<g>Otázka?
odpověď odpověď odpověď odpověď

<code> element

pre {
    margin: 15px 0;
    padding: 10px;
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    line-height: 18px;
    white-space: pre-wrap;
}
<small> print

<p class="dropcap">text</p>

Drop caps are the first letter of a paragraph which are displayed bigger than the rest of the text. You can create a drop cap using the CSS class dropcap. To emphasize text with some small boxes use with the CSS class .

<em>element</em>

<em> element 

<p class="box-xxx">text</p> nebo <div class="box-xxx">text</div>

This is a simple box to highlight some text using the CSS class box-content

This is a simple box to highlight some text using the CSS class box-note

This is a simple box to highlight some text using the CSS class box-info

This is a simple box to highlight some text using the CSS class box-warning

This is a simple box to highlight some text using the CSS class box-hint

This is a simple box to highlight some text using the CSS class box-download

KÓD PRO NAPSÁNÍ KÓDU

<p><em class="box"><code>kod</code></em></p>

Ikonky

<ul class="social-icons">
    <li class="rss"><a href="#"></a></li>
    <li class="twitter"><a href="#"></a></li>
    <li class="facebook"><a href="#"></a></li>
</ul>

rss, twitter, facebook, flickr, linkedin, myspace, lastfm, dribbble, digg, delicious, deviantart, technorati, stumbleupon, yahoo, openid, xing, forrst and googleplus

Tabulka Zebra

<table class="zebra">
<caption>Table caption</caption>
<thead>
<tr>
<th>Table Heading</th>
<th>Table Heading</th>
<th class="center">Table Heading</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Table Footer</td>
<td>Table Footer</td>
<td class="center">Table Footer</td>
</tr>
</tfoot>
<tbody>
<tr class="odd">
<td>Table Data</td>
<td>Table Data</td>
<td class="center">Data Centered</td>
</tr>
<tr>
<td class="bold">Data Bold</td>
<td>Table Data</td>
<td class="center">Data Centered</td>
</tr>
<tr class="odd">
<td>Table Data</td>
<td>Table Data</td>
<td class="center">Data Centered</td>
</tr>
</tbody>
</table>
Table caption
Table HeadingTable HeadingTable Heading
Table Footer Table Footer Table Footer
Table Data Table Data Data Centered
Data Bold Table Data Data Centered
Table Data Table Data Data Centered

Definition list

<dl class="separator">
<dt>Definition List</dt>
<dd>A definition list is a list of terms and corresponding definitions. To create a definition list use the &lt;dl&gt; element in conjunction with &lt;dt&gt; to define the definition term and &lt;dd&gt; to define the definition description.</dd>
<dt>Definition Term</dt>
<dd>This is a definition description.</dd>
<dt>Definition Term</dt>
<dd>This is a definition description.</dd>
<dd>This is another definition description.</dd>
</dl>
Definition List
A definition list is a list of terms and corresponding definitions. To create a definition list use the <dl> element in conjunction with <dt> to define the definition term and <dd> to define the definition description.
Definition Term
This is a definition description.
Definition Term
This is a definition description.
This is another definition description.

list

<ul class="line">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • li<ul><li>
  • li
  • li
Google