Typografia

Tá posledná nie je viac ako stopa vysoká a asi sedem krokov v priemere, obyčajný plochý vrchol sivej skaly, z ktorej sa po sprche dymí ako horúca škvara, a kde by sa žiaden muž neodvážil pustiť pred západom slnka nahú podrážku. Na Malej Isabele šuští nad hrubým pieskom pochmúrnym trsom odumretého lístia stará ošúchaná palma s hrubým vydutým kmeňom drsným s ostňami, veľmi čarodejnica medzi palmami.

Nadpis 1 (H1)

Tá posledná nie je viac ako stopa vysoká a asi sedem krokov v priemere, obyčajný plochý vrchol sivej skaly, z ktorej sa po sprche dymí ako horúca škvara, a kde by sa žiaden muž neodvážil pustiť pred západom slnka nahú podrážku. Na Malej Isabele šuští nad hrubým pieskom pochmúrnym trsom odumretého lístia stará ošúchaná palma s hrubým vydutým kmeňom drsným s ostňami, veľmi čarodejnica medzi palmami.

Nadpis 2 (H2)

Tá posledná nie je viac ako stopa vysoká a asi sedem krokov v priemere, obyčajný plochý vrchol sivej skaly, z ktorej sa po sprche dymí ako horúca škvara, a kde by sa žiaden muž neodvážil pustiť pred západom slnka nahú podrážku. Na Malej Isabele šuští nad hrubým pieskom pochmúrnym trsom odumretého lístia stará ošúchaná palma s hrubým vydutým kmeňom drsným s ostňami, veľmi čarodejnica medzi palmami.

Nadpis 3 (H3)

Tá posledná nie je viac ako stopa vysoká a asi sedem krokov v priemere, obyčajný plochý vrchol sivej skaly, z ktorej sa po sprche dymí ako horúca škvara, a kde by sa žiaden muž neodvážil pustiť pred západom slnka nahú podrážku. Na Malej Isabele šuští nad hrubým pieskom pochmúrnym trsom odumretého lístia stará ošúchaná palma s hrubým vydutým kmeňom drsným s ostňami, veľmi čarodejnica medzi palmami.

Nadpis 4 (H4)

Tá posledná nie je viac ako stopa vysoká a asi sedem krokov v priemere, obyčajný plochý vrchol sivej skaly, z ktorej sa po sprche dymí ako horúca škvara, a kde by sa žiaden muž neodvážil pustiť pred západom slnka nahú podrážku. Na Malej Isabele šuští nad hrubým pieskom pochmúrnym trsom odumretého lístia stará ošúchaná palma s hrubým vydutým kmeňom drsným s ostňami, veľmi čarodejnica medzi palmami.

Nadpis 5 (H5)

Tá posledná nie je viac ako stopa vysoká a asi sedem krokov v priemere, obyčajný plochý vrchol sivej skaly, z ktorej sa po sprche dymí ako horúca škvara, a kde by sa žiaden muž neodvážil pustiť pred západom slnka nahú podrážku. Na Malej Isabele šuští nad hrubým pieskom pochmúrnym trsom odumretého lístia stará ošúchaná palma s hrubým vydutým kmeňom drsným s ostňami, veľmi čarodejnica medzi palmami.

Nadpis 6 (H6)

Tá posledná nie je viac ako stopa vysoká a asi sedem krokov v priemere, obyčajný plochý vrchol sivej skaly, z ktorej sa po sprche dymí ako horúca škvara, a kde by sa žiaden muž neodvážil pustiť pred západom slnka nahú podrážku. Na Malej Isabele šuští nad hrubým pieskom pochmúrnym trsom odumretého lístia stará ošúchaná palma s hrubým vydutým kmeňom drsným s ostňami, veľmi čarodejnica medzi palmami.

Blokové úvodzovky

Jednoriadková bloková citácia:

Ostaň hladný. Zostať bláznivý.

Viacriadkový blokový citát s odkazom na citáciu:

The HTML

Element (alebo Prvok ponuky HTML bloku) označuje, že priložený text je rozšírenou citáciou. Zvyčajne sa to vykresľuje vizuálne odsadením (pozri Poznámky ako to zmeniť). Adresa URL zdroja cenovej ponuky môže byť uvedená pomocou citovať atribút, zatiaľ čo textovú reprezentáciu zdroja je možné zadať pomocou atribútu element.

viacerí prispievatelia – Odkaz na prvok HTML MDN – blockquote

Tabuľky

zamestnanec Plat
John Doe $1 Pretože to je všetko, čo Steve Jobs potreboval k platu.
Jane Doe $100K Za všetko to blogovanie, ktoré robí.
Fred Bloggs $100M Obrázky vydajú tisíc slov, však? Takže Jane x 1 000.
Jane Bloggs $100B S takými vlasmi?! Dosť bolo povedané…

Zoznamy definícií

Názov zoznamu definícií
Rozdelenie zoznamu definícií.
Začiatok
Začínajúca spoločnosť alebo startup je spoločnosť alebo dočasná organizácia navrhnutá tak, aby hľadala opakovateľný a škálovateľný obchodný model.
# práca
„Do Work“, ktorý vytvoril Rob Dyrdek a jeho osobný strážca Christopher „Big Black“ Boykins, funguje ako sebamotivátor, ktorý motivuje vašich priateľov.
Urob to naživo
Nechám Billa O'Reillyho vysvetliť toto.

Nezoradené zoznamy (vnorené)

  • Prvá položka zoznamu
    • Prvá položka zoznamu
      • Prvá položka zoznamu
      • Položka zoznamu dva
      • Položka zoznamu tri
      • Položka zoznamu štyri
    • Položka zoznamu dva
    • Položka zoznamu tri
    • Položka zoznamu štyri
  • Položka zoznamu dva
  • Položka zoznamu tri
  • Položka zoznamu štyri

Objednaný zoznam (vnorené)

  1. Prvá položka zoznamu – začiatok o 8
    1. Prvá položka zoznamu
      1. Položka zoznamu jedna - obrátený atribút
      2. Položka zoznamu dva
      3. Položka zoznamu tri
      4. Položka zoznamu štyri
    2. Položka zoznamu dva
    3. Položka zoznamu tri
    4. Položka zoznamu štyri
  2. Položka zoznamu dva
  3. Položka zoznamu tri
  4. Položka zoznamu štyri

HTML tagy

Tieto podporované značky pochádzajú z kódu WordPress.com FAQ.

Značka adresy

1 Nekonečná slučka
Cupertino, CA 95014
Spojené štáty

Anchor Tag (známy aj ako odkaz)

Toto je príklad a odkaz.

Značka skratky

Skratka srsly znamená „vážne“.

Značka akronymu (zastarané v HTML5)

Skratka ftw znamená „pre víťazstvo“.

Big Tag (zastarané v HTML5)

Tieto testy sú a veľký dohoda, ale táto značka už nie je podporovaná v HTML5.

Citovať značku

"Kód je poézia." —Automatické

Kódová značka

Táto značka štylizuje bloky kódu.
.post-title {
okraj: 0 0 5px;
font-weight: bold;
veľkosť písma: 38px;
výška riadku: 1,2;
a tu je riadok nejakého naozaj, naozaj, naozaj, naozaj dlhého textu, len aby ste videli, ako sa s ním narába, a aby ste zistili, ako preteká;
}
Neskôr sa v týchto testoch naučíte, že zalamovanie slov: zlomenie slov; bude vaším najlepším priateľom.

Odstrániť značku

Táto značka vám to umožní prečiarknuť text, ale táto značka je odporúčané podporované v HTML5 (použite namiesto toho).

Zdôrazniť značku

Značka zdôrazniť by mala kurzívou text.

Značka horizontálneho pravidla

Táto veta nasleduje a <hr /> tag.

Vložiť značku

Táto značka by mala označovať vložené text.

Značka klávesnice

Táto sotva známa značka emuluje text klávesnice, ktorý je zvyčajne štylizovaný ako tag.

Predformátovaná značka

Táto značka slúži na zachovanie medzier pri písaní, napríklad v poézii alebo umení ASCII.

The Road Not Takeed


Robert Frost


  Dve cesty sa rozchádzali v žltom lese A prepáč, že som nemohol cestovať oboma (_/) A byť jedným cestovateľom, dlho som stál (='.'=) A pozeral som sa na jednu tak ďaleko, ako som mohol (")_(") Tam, kde sa to v kroví ohýbalo; Potom vzal druhý, rovnako spravodlivý, A má snáď lepší nárok, |_/| Pretože bol trávnatý a chcel sa nosiť; / @ @ Aj keď čo sa týka toho prechádzajúceho tam ( > º < ) Nosil som ich naozaj asi rovnako, `>>x<<´ / O A obaja v to ráno rovnako ležali V listoch ani krok nešliapal do čierneho. Ó, prvé som si nechal na ďalší deň! Napriek tomu, že som vedel, ako cesta vedie k ceste, pochyboval som, či by som sa mal niekedy vrátiť. Poviem to s povzdychom Niekde veky a veky odtiaľto: Dve cesty sa rozchádzali v lese, a ja – ja som si vybral tú, ktorou sa menej jazdí, A to všetko zmenilo. a tu je riadok nejakého naozaj, naozaj, naozaj, naozaj dlhého textu, len aby ste videli, ako sa s ním narába, a aby ste zistili, ako preteká;

Citácia Tag pre krátke, vložené úvodzovky

Vývojári, vývojári, vývojári… – Steve Ballmer

Strike Tag (zastarané v HTML5) a S Tag

Táto značka zobrazuje prečiarknutie text.

Malá značka

Táto značka zobrazuje menšie text.

Silná značka

Táto značka zobrazuje tučný text.

Značka dolného indexu

Pokračujeme v našom vedeckom štýle s H2O, čo by malo stlačiť „2“ nadol.

Značka horného indexu

Stále sa držíme vedy a E = MC Alberta Einsteina2, čo by malo zdvihnúť 2.

Teletype Tag (zastarané v HTML5)

Táto zriedka používaná značka emuluje teletypový text, ktorý je zvyčajne štylizovaný ako tag.

Podčiarknutie značky zastarané v HTML 4, znovu zavedené v HTML5 s inou sémantikou

Táto značka zobrazuje podčiarknutý text.

Variabilná značka

To vám umožní označiť premenné.

Obrázok Alightment

Obrázok zarovnania na stred

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ázok zarovnania doľava

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 elite, egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Obrázok zarovnania 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 elite, egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Obrázok 150 × 150, ktorý je zarovnaný doľava

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 elite, egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Veľký obrázok

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

lekcie surfovania

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