Typografia

Tuo viimeinen on korkeintaan jalkaa korkea ja noin seitsemän askelta leveä, pelkkä litteä harmaan kiven latva, joka savuaa kuin kuuma tuhka suihkun jälkeen ja jossa kukaan ei välitä uskaltautua paljaalle pohjalle ennen auringonlaskua. Pikku Isabelilla vanha repaleinen kämmen, jossa on paksu, pullistuva runko, jossa on karkea piikit, hyvin noita palmujen keskellä, kahisee synkkää kuolleita lehtiä karkean hiekan yläpuolella.

Otsikko 1 (H1)

Tuo viimeinen on korkeintaan jalkaa korkea ja noin seitsemän askelta leveä, pelkkä litteä harmaan kiven latva, joka savuaa kuin kuuma tuhka suihkun jälkeen ja jossa kukaan ei välitä uskaltautua paljaalle pohjalle ennen auringonlaskua. Pikku Isabelilla vanha repaleinen kämmen, jossa on paksu, pullistuva runko, jossa on karkea piikit, hyvin noita palmujen keskellä, kahisee synkkää kuolleita lehtiä karkean hiekan yläpuolella.

Otsikko 2 (H2)

Tuo viimeinen on korkeintaan jalkaa korkea ja noin seitsemän askelta leveä, pelkkä litteä harmaan kiven latva, joka savuaa kuin kuuma tuhka suihkun jälkeen ja jossa kukaan ei välitä uskaltautua paljaalle pohjalle ennen auringonlaskua. Pikku Isabelilla vanha repaleinen kämmen, jossa on paksu, pullistuva runko, jossa on karkea piikit, hyvin noita palmujen keskellä, kahisee synkkää kuolleita lehtiä karkean hiekan yläpuolella.

Otsikko 3 (H3)

Tuo viimeinen on korkeintaan jalkaa korkea ja noin seitsemän askelta leveä, pelkkä litteä harmaan kiven latva, joka savuaa kuin kuuma tuhka suihkun jälkeen ja jossa kukaan ei välitä uskaltautua paljaalle pohjalle ennen auringonlaskua. Pikku Isabelilla vanha repaleinen kämmen, jossa on paksu, pullistuva runko, jossa on karkea piikit, hyvin noita palmujen keskellä, kahisee synkkää kuolleita lehtiä karkean hiekan yläpuolella.

Otsikko 4 (H4)

Tuo viimeinen on korkeintaan jalkaa korkea ja noin seitsemän askelta leveä, pelkkä litteä harmaan kiven latva, joka savuaa kuin kuuma tuhka suihkun jälkeen ja jossa kukaan ei välitä uskaltautua paljaalle pohjalle ennen auringonlaskua. Pikku Isabelilla vanha repaleinen kämmen, jossa on paksu, pullistuva runko, jossa on karkea piikit, hyvin noita palmujen keskellä, kahisee synkkää kuolleita lehtiä karkean hiekan yläpuolella.

Otsikko 5 (H5)

Tuo viimeinen on korkeintaan jalkaa korkea ja noin seitsemän askelta leveä, pelkkä litteä harmaan kiven latva, joka savuaa kuin kuuma tuhka suihkun jälkeen ja jossa kukaan ei välitä uskaltautua paljaalle pohjalle ennen auringonlaskua. Pikku Isabelilla vanha repaleinen kämmen, jossa on paksu, pullistuva runko, jossa on karkea piikit, hyvin noita palmujen keskellä, kahisee synkkää kuolleita lehtiä karkean hiekan yläpuolella.

Otsikko 6 (H6)

Tuo viimeinen on korkeintaan jalkaa korkea ja noin seitsemän askelta leveä, pelkkä litteä harmaan kiven latva, joka savuaa kuin kuuma tuhka suihkun jälkeen ja jossa kukaan ei välitä uskaltautua paljaalle pohjalle ennen auringonlaskua. Pikku Isabelilla vanha repaleinen kämmen, jossa on paksu, pullistuva runko, jossa on karkea piikit, hyvin noita palmujen keskellä, kahisee synkkää kuolleita lehtiä karkean hiekan yläpuolella.

Lohkolainaukset

Yhden rivin lohkolainaus:

Pysy nälkäisenä. Pysy hassuna.

Monirivinen lohkolainaus lainausviitteellä:

The HTML

Elementti (tai HTML Block lainauselementti) osoittaa, että oheinen teksti on laajennettu lainaus. Yleensä tämä esitetään visuaalisesti sisennyksen avulla (katso Huomautuksia miten se vaihdetaan). Lainauksen lähteen URL-osoite voidaan antaa käyttämällä lainata attribuutti, kun taas lähteen tekstiesitys voidaan antaa käyttämällä elementti.

useita avustajia – MDN HTML-elementin viittaus – blockquote

Taulukot

Työntekijä Palkka
John Doe $1 Koska se on kaikki mitä Steve Jobs tarvitsee palkkaansa varten.
Jane Doe $100K Kaikesta hänen tekemästään blogista.
Fred Bloggs $100M Kuvat ovat tuhannen sanan arvoisia, eikö niin? Joten Jane x 1000.
Jane Bloggs $100B sellaisilla hiuksilla?! Tarpeeksi sanottu…

Määritelmäluettelot

Määritelmäluettelon otsikko
Määritelmäluettelon jako.
Aloittaa
Startup-yritys tai startup on yritys tai tilapäinen organisaatio, joka on suunniteltu etsimään toistettavaa ja skaalautuvaa liiketoimintamallia.
#työ
Rob Dyrdekin ja hänen henkilökohtaisen ruumiinvartijansa Christopher “Big Black” Boykinsin luoma ”Do Work” toimii itsemotivaattorina, joka motivoi ystäviäsi.
Tee se livenä
Annan Bill O'Reillyn tehdä sen selittää Tämä.

Järjestämättömät luettelot (sisäkkäiset)

  • Listaa kohde yksi
    • Listaa kohde yksi
      • Listaa kohde yksi
      • Listaa kohde kaksi
      • Listaa kohta kolme
      • Listaa kohta neljä
    • Listaa kohde kaksi
    • Listaa kohta kolme
    • Listaa kohta neljä
  • Listaa kohde kaksi
  • Listaa kohta kolme
  • Listaa kohta neljä

Tilattu luettelo (sisäkkäinen)

  1. Luettelokohde yksi - alkaa 8
    1. Listaa kohde yksi
      1. Luettelokohde yksi -käänteinen attribuutti
      2. Listaa kohde kaksi
      3. Listaa kohta kolme
      4. Listaa kohta neljä
    2. Listaa kohde kaksi
    3. Listaa kohta kolme
    4. Listaa kohta neljä
  2. Listaa kohde kaksi
  3. Listaa kohta kolme
  4. Listaa kohta neljä

HTML-tunnisteet

Nämä tuetut tagit tulevat WordPress.com-koodista FAQ.

Osoitemerkki

1 Infinite Loop
Cupertino, CA 95014
Yhdysvallat

Ankkuritunniste (alias linkki)

Tämä on esimerkki a linkki.

Lyhenne Tag

Lyhenne srsly tarkoittaa "vakavasti".

Lyhenne tag (poistettu käytöstä HTML5:ssä)

Lyhenne ftw tarkoittaa "for the win".

Iso Tag (poistettu käytöstä HTML5:ssä)

Nämä testit ovat a iso sopimus, mutta tätä tunnistetta ei enää tueta HTML5:ssä.

Lainaa tagia

"Koodi on runoutta." —Automaattinen

Kooditunniste

Tämä tagi tyylittelee koodilohkoja.
.post-title {
marginaali: 0 0 5px;
fontin paino: lihavoitu;
fonttikoko: 38px;
linjan korkeus: 1,2;
ja tässä on rivi todella, todella, todella, todella, todella pitkää tekstiä, vain nähdäkseni, kuinka sitä käsitellään ja selvittääkseen, kuinka se ylittää;
}

Myöhemmin näissä testeissä opit, että sana rivitys: break-word;on paras ystäväsi.

Poista tunniste

Tämä tagi antaa sinulle mahdollisuuden yliviivata tekstiä, mutta tämä tagi on suositellaan tuettu HTML5:ssä (käytä sen sijaan).

Korosta tunniste

Korostustunnisteen pitäisi kursivoida teksti.

Vaakasuuntainen sääntötunniste


Tämä lause seuraa a <hr /> tag.

Lisää tunniste

Tämän tagin tulee osoittaa lisätty teksti.

Näppäimistön tunniste

Tämä tuskin tunnettu tagi jäljittelee näppäimistön tekstiä, joka on yleensä tyylitelty kuten tag.

Esimuotoiltu tunniste

Tämä tunniste on tarkoitettu välilyöntien säilyttämiseen kirjoitettuna, kuten runoissa tai ASCII-taidetta.

Kuljettamaton tie


Robert Frost


  Kaksi tietä erottui keltaisessa metsässä, ja anteeksi, etten voinut matkustaa molempia (_/) Ja olla yksi matkustaja, kauan seisoin (='.'=) Ja katsoin yhtä alas niin pitkälle kuin pystyin (")_(") Sinne, missä se taipui aluskasvillisuudessa; Sitten otti toisen, aivan yhtä oikeudenmukaisena, ja jolla oli ehkä parempi vaatimus, |_/| Koska se oli ruohoinen ja halusi käyttää; / @ @ Tosin sen ohimeneminen siellä ( > º < ) Oli käyttänyt niitä todella suunnilleen samalla tavalla, `>>x<<´ / O Ja molemmat sinä aamuna makasivat tasapuolisesti Lehdissä ei askelta ollut tallannut mustaksi. Oi, pidin ensimmäistä toista päivää! Silti tietäen kuinka tie vie tielle, epäilin, pitäisikö minun koskaan palata. Kerron tämän huokaisten Jossain iät ja iät tästä: Kaksi tietä erosi metsässä, ja minä – otin sen, jonka kautta kuljettiin vähemmän, ja se on tehnyt kaiken eron. ja tässä on rivi todella, todella, todella, todella, todella pitkää tekstiä, vain nähdäkseni, kuinka sitä käsitellään ja selvittääkseen, kuinka se ylittää;

Lainausmerkki lyhyitä lainauksia varten

Kehittäjät, kehittäjät, kehittäjät… – Steve Ballmer

Strike Tag (poistettu käytöstä HTML5:ssä) ja S Tag

Tämä tagi näyttää läpiviivaus teksti.

Pieni Tag

Tämä tagi näyttää pienempi teksti.

Vahva Tag

Tämä tagi näyttää lihavoitu teksti.

Alaindeksin tunniste

Tieteellisen tyylimme kehittäminen H2O, jonka pitäisi painaa "2" alas.

Yläindeksitunniste

Pysyn edelleen tieteessä ja Albert Einsteinin E = MC:ssä2, jonka pitäisi nostaa 2 ylös.

Teletype Tag (vanhentunut HTML5:ssä)

Tämä harvoin käytetty tunniste emuloi teletype tekstiä, joka on yleensä tyylitelty kuten tag.

Alleviivaa tunniste poistettu käytöstä HTML 4:ssä, otettu uudelleen käyttöön HTML5:ssä muun semantiikan kanssa

Tämä tagi näyttää alleviivattu teksti.

Muuttuva tunniste

Tämän avulla voit merkitä muuttujia.

Image Alightment

Keskitasauskuva

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

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

Vasen tasauskuva

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 ja eros. Vivamus osoitteessa 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. sed nibh arcussa. Mauris orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem muualle turpis porttitor semper. Quisque eic 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. Kokonaisluku facilisis aliquet elit, a egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Oikea kohdistuskuva

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 ja eros. Vivamus osoitteessa 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. sed nibh arcussa. Mauris orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem muualle turpis porttitor semper. Quisque eic 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. Kokonaisluku facilisis aliquet elit, a egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

150 × 150 kuva, joka on tasattu vasemmalle

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 ja eros. Vivamus osoitteessa 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. sed nibh arcussa. Mauris orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem muualle turpis porttitor semper. Quisque eic 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. Kokonaisluku facilisis aliquet elit, a egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Suuri kuva

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

surffaustunteja

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