Címek:
<h1>nincs használatban</h1>
h1 cím
Lorem ipsum dolor sit amet…
<h2>nincs használatban</h2>
h2 cím
Lorem ipsum dolor sit amet…
<h3>főcím (szakaszcím) cikken belül</h3>
h3 cím
Lorem ipsum dolor sit amet…
<h4>alcím (szakasz-alcím) cikken belül</h4>
h4 cím
Lorem ipsum dolor sit amet…
<h5>tagoló cím cikken belül</h5>
h5 cím
Lorem ipsum dolor sit amet…
<h6>tagoló cím cikken belül</h6>
h6 cím
Lorem ipsum dolor sit amet…
inverse class
h1 cím
h2 cím
h3 cím
…
h6 cím
Felsorolások:
<ul class="dashed">
<li>első pont</li>
<li>második pont</li>
</ul>
- ul.dashed
- 2nd line
<ul class="squared">
<li>első pont</li>
<li>második pont</li>
</ul>
- ul.squared
- 2nd line
<ul class="blank">
<li>első pont</li>
<li>második pont</li>
</ul>
- ul.blank
- 2nd line
<ol class="roman">
<li>első pont</li>
<li>második pont</li>
</ol>
- ol.roman
- 2nd line
Gombok:
<p class="buttons">
<a href="…">szöveg-1</a>
[<a href="…">szöveg-n</a>]
</p>
<p class="buttons-left">
<a href="…">szöveg-1</a>
[<a href="…">szöveg-n</a>]
</p>
<p class="buttons-justified">
<a href="…">szöveg-1</a>
[<a href="…">szöveg-n</a>]
</p>
Definíciók:
<dl class="data-interval">
<dt>adat</dt><dd>leírás<dd>
<dt>adat2</dt><dd>leírás2<dd>
<dl>
- dátum
- dl.date-interval
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate turpis id nisi feugiat volutpat vitae sit amet lectus. Cras pharetra massa elit, in auctor justo mattis vel. Quisque eu sem ac risus varius euismod. Sed gravida dapibus condimentum. Fusce elementum vitae mi in faucibus. Vestibulum hendrerit urna in finibus vulputate. Vestibulum sem erat, maximus non posuere fermentum, luctus vel quam. Integer velit elit, blandit ut gravida at, auctor vel ipsum. Quisque luctus urna tristique quam pretium maximus. Aliquam at arcu fermentum, accumsan sapien vitae, dignissim eros. Vestibulum quis tortor vel leo tempus viverra ac quis mauris. Quisque et augue ac tellus condimentum laoreet quis in tortor. Etiam ac dictum libero. Aenean a pulvinar purus. Vivamus molestie, nunc eget ultrices interdum, lectus risus malesuada ipsum, id posuere arcu felis id justo. Aenean consequat mollis pulvinar. - 1996–2020
- Maecenas venenatis faucibus blandit. In eu massa euismod augue rhoncus rhoncus non vitae sem. Vestibulum commodo nulla quis nunc tempus hendrerit a vehicula elit. Aenean ante erat, tempus id urna eu, lobortis suscipit velit. Praesent accumsan at tellus ut finibus. Nullam ultrices vel libero egestas hendrerit. Aliquam sit amet leo ac turpis vehicula pulvinar faucibus non elit. Maecenas fringilla tristique nisl vitae dapibus. Nullam quis maximus dolor. Etiam in mollis eros. Fusce laoreet sapien non euismod efficitur. Curabitur venenatis metus tellus, non tristique est auctor nec.
<dl class="section">
<dt>adat</dt><dd>leírás<dd>
<dt>adat2</dt><dd>leírás2<dd>
<dl>
- szakasz-1
- dl.section
Donec vel metus eget nibh ultrices venenatis quis sed turpis. Nullam id bibendum velit. Mauris pretium dignissim odio, ac vehicula justo egestas sit amet. Aenean hendrerit tempor nisi in dapibus. Cras et tempor neque. Nullam ut purus lacinia urna blandit accumsan eget aliquam mauris. Maecenas malesuada vestibulum quam, non tincidunt arcu. Fusce luctus fringilla mollis. Sed orci arcu, accumsan ut urna et, blandit ullamcorper orci. Aenean porttitor, ante non lacinia tempus, ligula sapien vulputate mi, nec rhoncus augue odio ut massa. Ut sit amet hendrerit elit, vel dignissim lectus. Nunc velit eros, varius gravida purus non, auctor dignissim felis. Cras maximus vulputate odio, sed pretium orci. - szakasz-2
- Suspendisse dapibus mattis vestibulum. Praesent finibus porttitor dapibus. Suspendisse facilisis pulvinar diam ut dictum. Integer suscipit dui quis ligula lacinia fermentum. Aenean id risus sed quam semper porta. Quisque pulvinar turpis ac est ultrices tincidunt. Pellentesque sed lorem dui. In faucibus id lacus vel aliquam. Vivamus a tellus vel orci posuere faucibus. Ut a arcu malesuada, sodales diam in, cursus tellus. Vestibulum faucibus efficitur tempus.
Oszlopok:
<div class="column-1-3">
<div>
<p>Első oszlop</p>
</div>
<div>
<p>Második oszlop</p>
</div>
<div>
<p>Harmadik oszlop</p>
</div>
</div>
column-1-4
Első oszlop
Első oszlop tartalma…
Második oszlop
Második oszlop tartalma…
Harmadik oszlop
Harmadik oszlop tartalma…
Negyedik oszlop
Negyedik oszlop tartalma…
column-3-4
Első oszlop
Első oszlop tartalma…
Második oszlop
Második oszlop tartalma…
Harmadik oszlop
Harmadik oszlop tartalma…
Negyedik oszlop
Negyedik oszlop tartalma…
column-1-3
Első oszlop
Első oszlop tartalma…
Második oszlop
Második oszlop tartalma…
Harmadik oszlop
Harmadik oszlop tartalma…
column-2-3
Első oszlop
Első oszlop tartalma…
Második oszlop
Második oszlop tartalma…
Harmadik oszlop
Harmadik oszlop tartalma…
column-1-2
Első oszlop
Első oszlop tartalma…
Második oszlop
Második oszlop tartalma…
Táblázatok:
<table class="full-grid autowidth">
<thead>
<tr>
<th>fej</th>…
</tr>
</thead>
<tbody>
<tr>
<td>tartalom</td>…
</tr>
…
</tbody>
<tfoot>
<tr>
<td>láb</td>…
</tr>
</tfoot>
</table>
<table class="full-grid …">
| A | B | C |
|---|---|---|
| 1 | a | b |
| 2 | I. | II. |
| 3 | α | β |
| 3/1 | 3/2 | 3/3 |
<table class="h-grid …">
| A | B | C |
|---|---|---|
| 1 | a | b |
| 2 | I. | II. |
| 3 | α | β |
| 3/1 | 3/2 | 3/3 |
<table class="v-grid …">
| A | B | C |
|---|---|---|
| 1 | a | b |
| 2 | I. | II. |
| 3 | α | β |
| 3/1 | 3/2 | 3/3 |
<table class="no-grid …">
| A | B | C |
|---|---|---|
| 1 | a | b |
| 2 | I. | II. |
| 3 | α | β |
| 3/1 | 3/2 | 3/3 |
<table class="full-grid colhead">
<tbody>
<tr>
<td>fej</td><td>tartalom</td>…
</tr>
…
</tbody>
</table>
| 1 | a | b |
| 2 | I. | II. |
| 3 | α | β |
<table class="v-grid h-grid autowidth">
<thead>
<tr>
<th>fej</th>…
</tr>
</thead>
<tbody>
<tr>
<td>tartalom</td>…
</tr>
…
</tbody>
</table>
| A | B | C |
|---|---|---|
| 1 | a | b |
| 2 | I. | II. |
| 3 | α | β |
<table class="v-grid h-grid">
<tbody>
<tr>
<td>tartalom</td>…
</tr>
…
</tbody>
<tfoot>
<tr>
<td>láb</td>…
</tr>
</tfoot>
</table>
| 1 | a | b |
| 2 | I. | II. |
| 3 | α | β |
| 3/1 | 3/2 | 3/3 |