Typografie

Ta poslední není víc než stopa vysoká a asi sedm kroků v průměru, pouhý plochý vrchol šedé skály, z níž se po sprše kouří jako žhavá škvára, a kde by se žádný muž nechtěl odvážit před západem slunce nahou podrážku. Na Malé Isabele šustí stará otrhaná palma s tlustým vypouklým kmenem drsným s ostny, velmi čarodějnice mezi palmami, nad hrubým pískem šustí ponurý trs uschlých listů.

Nadpis 1 (H1)

Ta poslední není víc než stopa vysoká a asi sedm kroků v průměru, pouhý plochý vrchol šedé skály, z níž se po sprše kouří jako žhavá škvára, a kde by se žádný muž nechtěl odvážit před západem slunce nahou podrážku. Na Malé Isabele šustí stará otrhaná palma s tlustým vypouklým kmenem drsným s ostny, velmi čarodějnice mezi palmami, nad hrubým pískem šustí ponurý trs uschlých listů.

Nadpis 2 (H2)

Ta poslední není víc než stopa vysoká a asi sedm kroků v průměru, pouhý plochý vrchol šedé skály, z níž se po sprše kouří jako žhavá škvára, a kde by se žádný muž nechtěl odvážit před západem slunce nahou podrážku. Na Malé Isabele šustí stará otrhaná palma s tlustým vypouklým kmenem drsným s ostny, velmi čarodějnice mezi palmami, nad hrubým pískem šustí ponurý trs uschlých listů.

Nadpis 3 (H3)

Ta poslední není víc než stopa vysoká a asi sedm kroků v průměru, pouhý plochý vrchol šedé skály, z níž se po sprše kouří jako žhavá škvára, a kde by se žádný muž nechtěl odvážit před západem slunce nahou podrážku. Na Malé Isabele šustí stará otrhaná palma s tlustým vypouklým kmenem drsným s ostny, velmi čarodějnice mezi palmami, nad hrubým pískem šustí ponurý trs uschlých listů.

Nadpis 4 (H4)

Ta poslední není víc než stopa vysoká a asi sedm kroků v průměru, pouhý plochý vrchol šedé skály, z níž se po sprše kouří jako žhavá škvára, a kde by se žádný muž nechtěl odvážit před západem slunce nahou podrážku. Na Malé Isabele šustí stará otrhaná palma s tlustým vypouklým kmenem drsným s ostny, velmi čarodějnice mezi palmami, nad hrubým pískem šustí ponurý trs uschlých listů.

Nadpis 5 (H5)

Ta poslední není víc než stopa vysoká a asi sedm kroků v průměru, pouhý plochý vrchol šedé skály, z níž se po sprše kouří jako žhavá škvára, a kde by se žádný muž nechtěl odvážit před západem slunce nahou podrážku. Na Malé Isabele šustí stará otrhaná palma s tlustým vypouklým kmenem drsným s ostny, velmi čarodějnice mezi palmami, nad hrubým pískem šustí ponurý trs uschlých listů.

Nadpis 6 (H6)

Ta poslední není víc než stopa vysoká a asi sedm kroků v průměru, pouhý plochý vrchol šedé skály, z níž se po sprše kouří jako žhavá škvára, a kde by se žádný muž nechtěl odvážit před západem slunce nahou podrážku. Na Malé Isabele šustí stará otrhaná palma s tlustým vypouklým kmenem drsným s ostny, velmi čarodějnice mezi palmami, nad hrubým pískem šustí ponurý trs uschlých listů.

Blokové uvozovky

Jednořádková bloková citace:

Zůstat hladový. Zůstaň hloupý.

Víceřádková bloková citace s odkazem na citaci:

The HTML

Živel (nebo Prvek blokové nabídky HTML) označuje, že přiložený text je rozšířenou citací. Obvykle se to vykresluje vizuálně odsazením (viz Poznámky jak to změnit). Adresa URL zdroje nabídky může být uvedena pomocí uvést atribut, zatímco textovou reprezentaci zdroje lze zadat pomocí živel.

více přispěvatelů – Odkaz na prvek HTML MDN – blockquote

Tabulky

Zaměstnanec Plat
John Doe $1 Protože to je vše, co Steve Jobs potřeboval k platu.
Jane Doe $100K Za všechno blogování, které dělá.
Fred Bloggs $100M Obrázky vydá za tisíc slov, že? Takže Jane x 1000.
Jane Bloggsová $100B S takovými vlasy?! Dost řečí…

Seznamy definic

Název seznamu definic
Rozdělení definičního seznamu.
Spuštění
Začínající společnost nebo startup je společnost nebo dočasná organizace navržená k hledání opakovatelného a škálovatelného obchodního modelu.
# práce
„Do práce“, vytvořený Robem Dyrdekem a jeho osobním strážcem Christopherem „Big Black“ Boykinsem, funguje jako sebemotivátor, který motivuje vaše přátele.
Udělej to naživo
Nechám Billa O'Reillyho vysvětlit toto.

Neuspořádané seznamy (vnořené)

  • První položka seznamu
    • První položka seznamu
      • První položka seznamu
      • Položka seznamu dvě
      • Položka seznamu tři
      • Čtvrtá položka seznamu
    • Položka seznamu dvě
    • Položka seznamu tři
    • Čtvrtá položka seznamu
  • Položka seznamu dvě
  • Položka seznamu tři
  • Čtvrtá položka seznamu

Objednaný seznam (vnořený)

  1. Položka seznamu jedna – začátek v 8
    1. První položka seznamu
      1. Položka seznamu jedna -obrácený atribut
      2. Položka seznamu dvě
      3. Položka seznamu tři
      4. Čtvrtá položka seznamu
    2. Položka seznamu dvě
    3. Položka seznamu tři
    4. Čtvrtá položka seznamu
  2. Položka seznamu dvě
  3. Položka seznamu tři
  4. Čtvrtá položka seznamu

HTML tagy

Tyto podporované značky pocházejí z kódu WordPress.com FAQ.

Adresní štítek

1 Nekonečná smyčka
Cupertino, CA 95014
Spojené státy

Anchor Tag (také známý jako odkaz)

Toto je příklad a odkaz.

Zkratka Tag

Zkratka srsly znamená „vážně“.

Značka akronymu (zastaralé v HTML5)

Zkratka ftw znamená „pro vítězství“.

Big Tag (zastaralé v HTML5)

Tyto testy jsou a velký dohoda, ale tato značka již není v HTML5 podporována.

Citovat značku

"Kód je poezie." —Automatické

Kódová značka

Tato značka stylizuje bloky kódu.
.post-title {
okraj: 0 0 5px;
váha písma: tučné;
velikost písma: 38px;
výška řádku: 1,2;
a tady je řádek nějakého opravdu, opravdu, opravdu, opravdu dlouhého textu, jen abychom viděli, jak se s ním zachází, a abychom zjistili, jak přetéká;
}

Později se v těchto testech naučíte, že zalamování slov: zlomové slovo; bude vaším nejlepším přítelem.

Smazat značku

Tato značka vám to umožní přeškrtnout text, ale tato značka je doporučeno podporováno v HTML5 (použijte namísto).

Zdůraznit značku

Značka zdůraznit by měla kurzívou text.

Značka horizontálního pravidla


Tato věta následuje za a <hr /> štítek.

Vložit značku

Tato značka by měla označovat vložena text.

Tag klávesnice

Tato sotva známá značka emuluje text klávesnice, který je obvykle stylizovaný jako štítek.

Předformátovaná značka

Tato značka slouží k zachování mezer při psaní, například v poezii nebo umění ASCII.

Cesta nebyla přijata


Robert Frost


  Dvě cesty se rozcházely ve žlutém lese, A promiň, že jsem nemohl cestovat oběma (_/) A být jedním cestovatelem, dlouho jsem stál (='.'=) A díval jsem se dolů z jedné tak daleko, jak jsem mohl (")_(") Tam, kde se to ohýbalo v podrostu; Pak vzal ten druhý, stejně spravedlivý, A má snad ten lepší nárok, |_/| Protože byl travnatý a chtěl se nosit; / @ @ I když co se týče toho míjení tam ( > º < ) Nosil jsem je opravdu asi stejně, `>>x<<´ / O A oba toho rána stejně leželi V listech žádný krok nešlápl do černého. Oh, první jsem si nechal na další den! Přesto, když jsem věděl, jak cesta vede dál, pochyboval jsem, jestli se mám někdy vrátit. Budu to vyprávět s povzdechem Někde věky a věky odtud: Dvě cesty se rozcházely v lese a já – vzal jsem tu méně ujetou, A to udělalo ten rozdíl. a tady je řádek nějakého opravdu, opravdu, opravdu, opravdu dlouhého textu, jen abychom viděli, jak se s ním zachází a abychom zjistili, jak přetéká;

Citace Tag pro krátké, vložené uvozovky

Vývojáři, vývojáři, vývojáři… – Steve Ballmer

Strike Tag (zastaralé v HTML5) a S Tag

Tato značka ukazuje přeškrtnutí text.

Malý štítek

Tato značka ukazuje menší text.

Silná značka

Tato značka ukazuje tučné písmo.

Značka dolního indexu

Pokračujeme ve vědeckém stylu s H2O, což by mělo stlačit „2“ dolů.

Značka horního indexu

Stále zůstáváme u vědy a Alberta Einsteina E = MC2, který by měl zvednout 2 nahoru.

Dalekopisová značka (zastaralé v HTML5)

Tento zřídka používaný tag emuluje dálnopisný text, který je obvykle stylizovaný jako štítek.

Podtržení značky zastaralý v HTML 4, znovu zaveden v HTML5 s jinou sémantikou

Tato značka ukazuje podtržený text.

Variabilní tag

To vám umožní označit proměnné.

Obrázek Alightment

Obrázek zarovnání na střed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

V sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

Obrázek zarovnání vlevo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. V sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, egestas quam cursus quis. V mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Obrázek zarovnání vpravo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. V sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, egestas quam cursus quis. V mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Obrázek 150 × 150, který je zarovnán doleva

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. V sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, egestas quam cursus quis. V mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Velký obrázek

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

lekce surfování

V sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.