Nadpisy

Nadpis H2 přes H2

Nadpis H2 přes P

Ukázka kodu:

<h2>Nadpis H2 přes H2</h2> <p class="h2"> Nadpis H2 přes P</p>

Display zobrazení

Display-1

Display-2

Display-3

<h1 class="display-1">Display-1</h1>

Lead

Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique corporis deleniti asperiores porro, neque officia cupiditate ipsa, assumenda reprehenderit ipsum, ea iste alias recusandae et voluptate est. Corrupti, praesentium reiciendis.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque, consequuntur vitae. Adipisci officiis doloribus tempore est, magni officia reprehenderit accusamus illo facere minima omnis quam veritatis non harum rem praesentium.

<p class="lean">LOREM</p>

Uprava Textu

HTML se neprogramuje

Místo B lze použít strong

Tento text je psán EM kurzívou

Text potrhnu pres tag U

Text obyčejný. text malý

~~vymazaný text~~ | ~~nesprávný text~~

Pro využití kopírování je potřeba CTRL+C klávesová zkratka

Listy

Obyčejný list:

Item 1
Item 2
Item 3

Neoznačený list:

Item 1
Item 2
Item 3

Citace

Citace jak by měla jakkoliv být.

<figure > <blockquote class="blockquote"> <p>Citace jak by měla jakkoliv být.</p> </blockquote> <figcaption class="blockquote-footer"> Autor neznámý </figcaption> </figure>

Flex Procvičení

Text 1

Text 2

Text 3

Text 4

Označení textu

Označít veškerý dlouhý text

Základní označení textu

Nelze označit

<p class="user-select-all">Označít veškerý dlouhý text</p> <p class="user-select-auto">Základní označení textu</p> <p class="user-select-none">Nelze označit</p>