Typografia

Ten ostatni ma nie więcej niż stopę wysokości i około siedmiu kroków szerokości i jest zwykłym płaskim wierzchołkiem szarej skały, która dymi jak gorący popiół po prysznicu i gdzie żaden mężczyzna nie odważy się postawić nagiej stopy przed zachodem słońca. Na Małej Isabel stara postrzępiona palma o grubym, wypukłym pniu, szorstkim od kolców, prawdziwa wiedźma wśród palm, szeleści ponurą wiązką martwych liści nad grubym piaskiem.

Nagłówek 1 (H1)

Ten ostatni ma nie więcej niż stopę wysokości i około siedmiu kroków szerokości i jest zwykłym płaskim wierzchołkiem szarej skały, która dymi jak gorący popiół po prysznicu i gdzie żaden mężczyzna nie odważy się postawić nagiej stopy przed zachodem słońca. Na Małej Isabel stara postrzępiona palma o grubym, wypukłym pniu, szorstkim od kolców, prawdziwa wiedźma wśród palm, szeleści ponurą wiązką martwych liści nad grubym piaskiem.

Nagłówek 2 (H2)

Ten ostatni ma nie więcej niż stopę wysokości i około siedmiu kroków szerokości i jest zwykłym płaskim wierzchołkiem szarej skały, która dymi jak gorący popiół po prysznicu i gdzie żaden mężczyzna nie odważy się postawić nagiej stopy przed zachodem słońca. Na Małej Isabel stara postrzępiona palma o grubym, wypukłym pniu, szorstkim od kolców, prawdziwa wiedźma wśród palm, szeleści ponurą wiązką martwych liści nad grubym piaskiem.

Nagłówek 3 (H3)

Ten ostatni ma nie więcej niż stopę wysokości i około siedmiu kroków szerokości i jest zwykłym płaskim wierzchołkiem szarej skały, która dymi jak gorący popiół po prysznicu i gdzie żaden mężczyzna nie odważy się postawić nagiej stopy przed zachodem słońca. Na Małej Isabel stara postrzępiona palma o grubym, wypukłym pniu, szorstkim od kolców, prawdziwa wiedźma wśród palm, szeleści ponurą wiązką martwych liści nad grubym piaskiem.

Nagłówek 4 (H4)

Ten ostatni ma nie więcej niż stopę wysokości i około siedmiu kroków szerokości i jest zwykłym płaskim wierzchołkiem szarej skały, która dymi jak gorący popiół po prysznicu i gdzie żaden mężczyzna nie odważy się postawić nagiej stopy przed zachodem słońca. Na Małej Isabel stara postrzępiona palma o grubym, wypukłym pniu, szorstkim od kolców, prawdziwa wiedźma wśród palm, szeleści ponurą wiązką martwych liści nad grubym piaskiem.

Nagłówek 5 (H5)

Ten ostatni ma nie więcej niż stopę wysokości i około siedmiu kroków szerokości i jest zwykłym płaskim wierzchołkiem szarej skały, która dymi jak gorący popiół po prysznicu i gdzie żaden mężczyzna nie odważy się postawić nagiej stopy przed zachodem słońca. Na Małej Isabel stara postrzępiona palma o grubym, wypukłym pniu, szorstkim od kolców, prawdziwa wiedźma wśród palm, szeleści ponurą wiązką martwych liści nad grubym piaskiem.

Nagłówek 6 (H6)

Ten ostatni ma nie więcej niż stopę wysokości i około siedmiu kroków szerokości i jest zwykłym płaskim wierzchołkiem szarej skały, która dymi jak gorący popiół po prysznicu i gdzie żaden mężczyzna nie odważy się postawić nagiej stopy przed zachodem słońca. Na Małej Isabel stara postrzępiona palma o grubym, wypukłym pniu, szorstkim od kolców, prawdziwa wiedźma wśród palm, szeleści ponurą wiązką martwych liści nad grubym piaskiem.

Cytaty blokowe

Cytat blokowy z pojedynczą linią:

Pozostać głodny. Zostać głupim.

Wielowierszowy cytat blokowy z odniesieniem do cytatu:

The HTML

Element (Lub Element cytatu bloku HTML) wskazuje, że załączony tekst jest rozszerzonym cytatem. Zwykle jest to widoczne wizualnie poprzez wcięcie (patrz Notatki jak to zmienić). Adres URL źródła cytatu można podać za pomocą cytować atrybut, podczas gdy tekstową reprezentację źródła można podać za pomocą element.

wielu współautorów – Odniesienie do elementu HTML MDN – cytat blokowy

Stoły

Pracownik Wynagrodzenie
nieznany z nazwiska $1 Bo to wszystko, czego Steve Jobs potrzebował do wynagrodzenia.
Jane Doe $100K Za całe blogowanie, które robi.
Fred Bloggs $100M Zdjęcia są warte tysiąca słów, prawda? Więc Jane x 1000.
Jane Bloggs $100B Z takimi włosami?! Wystarczająco powiedziane…

Listy definicji

Tytuł listy definicji
Podział listy definicji.
Uruchomienie
Firma startupowa lub startup to firma lub tymczasowa organizacja mająca na celu poszukiwanie powtarzalnego i skalowalnego modelu biznesowego.
#praca
Ukute przez Roba Dyrdeka i jego osobistego ochroniarza Christophera „Big Black” Boykinsa „Do Work” działa jako środek motywujący, motywując znajomych.
Zrób to na żywo
Pozwolę Billowi O'Reilly'emu to zrobić wyjaśnić ten.

Listy nieuporządkowane (zagnieżdżone)

  • Lista pozycji numer jeden
    • Lista pozycji numer jeden
      • Lista pozycji numer jeden
      • Lista pozycji drugiej
      • Lista pozycji trzeciej
      • Lista pozycji czwartej
    • Lista pozycji drugiej
    • Lista pozycji trzeciej
    • Lista pozycji czwartej
  • Lista pozycji drugiej
  • Lista pozycji trzeciej
  • Lista pozycji czwartej

Lista uporządkowana (zagnieżdżona)

  1. Pozycja pierwsza na liście – zacznij od 8
    1. Lista pozycji numer jeden
      1. Element listy jeden -odwrócony atrybut
      2. Lista pozycji drugiej
      3. Lista pozycji trzeciej
      4. Lista pozycji czwartej
    2. Lista pozycji drugiej
    3. Lista pozycji trzeciej
    4. Lista pozycji czwartej
  2. Lista pozycji drugiej
  3. Lista pozycji trzeciej
  4. Lista pozycji czwartej

Tagi HTML

Te obsługiwane tagi pochodzą z kodu WordPress.com Często zadawane pytania.

Etykieta adresowa

1 Nieskończona pętla
Cupertino, Kalifornia 95014
Stany Zjednoczone

Znacznik kotwicy (aka. Link)

To jest przykład A połączyć.

Oznaczenie skrótu

Skrót srsly oznacza „poważnie”.

Znacznik akronimu (przestarzałe w HTML5)

Akronim ftw oznacza „dla zwycięstwa”.

Duży tag (przestarzałe w HTML5)

Testy te są duży Deal, ale ten tag nie jest już obsługiwany w HTML5.

Cytuj tag

„Kod to poezja”. —Automatyczny

Znacznik kodu

Ten tag stylizuje bloki kodu.
.post-tytuł {
margines: 0 0 5px;
grubość czcionki: pogrubiona;
rozmiar czcionki: 38 pikseli;
wysokość linii: 1,2;
a oto linijka naprawdę, naprawdę, naprawdę, naprawdę długiego tekstu, żeby zobaczyć, jak sobie z tym poradzić i dowiedzieć się, jak się przepełnia;
}

W dalszej części tych testów dowiesz się, że zawijanie słów: łamanie słów;będzie Twoim najlepszym przyjacielem.

Usuń znacznik

Ten tag Ci na to pozwoli przekreśl tekst, ale ten tag jest Zalecana obsługiwane w HTML5 (użyj Zamiast).

Podkreśl etykietę

Znacznik podkreślający powinien wykursywiać tekst.

Znacznik reguły poziomej


To zdanie następuje po a <hr /> etykietka.

Wstaw znacznik

Ten tag powinien oznaczać wstawiony tekst.

Etykieta klawiatury

Ten mało znany tag emuluje tekst na klawiaturze, który jest zwykle stylizowany na etykietka.

Wstępnie sformatowany znacznik

Ten znacznik służy do zachowywania białych znaków podczas pisania, na przykład w poezji lub grafice ASCII.

Droga niewybrana


Roberta Frosta


  Dwie drogi rozeszły się w żółtym lesie, I przepraszam, że nie mogłem podróżować obiema (_/) I być jednym podróżnikiem, długo stałem (='.'=) I patrzyłem w dół jednej tak daleko, jak tylko mogłem (")_(") Do miejsca, gdzie zgięło się w zaroślach; Następnie wziąłem drugą, równie sprawiedliwą, I mającą być może lepsze roszczenie, |_/| Ponieważ był trawiasty i wymagał zużycia; / @ @ Chociaż co do tego, że tamtędy przechodziłem ( > º < ) Nosiłem je naprawdę mniej więcej tak samo, `>>x<<´ / O I obaj tego ranka jednakowo leżeli W liściach, żaden krok nie był czarny. Och, pierwszą zachowałem na kolejny dzień! Jednak wiedząc, jak droga prowadzi do drogi, wątpiłem, czy kiedykolwiek powinienem wrócić. Opowiem to z westchnieniem Gdzieś stąd wieki i wieki: Dwie drogi rozeszły się w lesie, a ja wybrałem tę mniej uczęszczaną, I to zrobiło całą różnicę. a oto linijka naprawdę, naprawdę, naprawdę, naprawdę długiego tekstu, żeby zobaczyć, jak sobie z tym poradzić i dowiedzieć się, jak się przepełnia;

Znacznik cytatu dla krótkich, wbudowanych cytatów

Deweloperzy, programiści, programiści… – Steve’a Ballmera

Znak uderzenia (przestarzałe w HTML5) I Etykieta S

Ten tag pokazuje przekreślenie tekst.

Mały znacznik

Ten tag pokazuje mniejszy tekst.

Mocny tag

Ten tag pokazuje pogrubiony tekst.

Znacznik indeksu

Kontynuujemy naszą stylizację naukową za pomocą H2O, co powinno przesunąć „2” w dół.

Znacznik indeksu górnego

Nadal trzymam się nauki i E = MC Alberta Einsteina2, co powinno podnieść 2 w górę.

Znacznik telegraficzny (przestarzały w HTML5)

Ten rzadko używany tag emuluje telepisz tekst, który jest zwykle stylizowany na etykietka.

Podkreśl znacznik przestarzałe w HTML 4, ponownie wprowadzone w HTML5 z inną semantyką

Ten tag pokazuje podkreślony tekst.

Zmienna etykieta

To pozwala na oznaczenie zmienne.

Wyrównanie obrazu

Obraz wyrównania do środka

Lorem ipsum dolor sit amet, consectetur adipiscing elita. 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.

Obraz wyrównany do lewej

Lorem ipsum dolor sit amet, consectetur adipiscing elita. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit i est. Pellentesque ex orci, fringilla in viverra eu, interdum i eros. Vivamus i 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. W 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, gdzie indziej niesklasyfikowane. Pelentesque 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, a egestas quam cursus quis. In Mattis Volutpat Arcu. Vestibulum blandit purus sed nisi elementm.

Obraz wyrównania do prawej

Lorem ipsum dolor sit amet, consectetur adipiscing elita. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit i est. Pellentesque ex orci, fringilla in viverra eu, interdum i eros. Vivamus i 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. W 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, gdzie indziej niesklasyfikowane. Pelentesque 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, a egestas quam cursus quis. In Mattis Volutpat Arcu. Vestibulum blandit purus sed nisi elementm.

Obraz 150 × 150, wyrównany do lewej

Lorem ipsum dolor sit amet, consectetur adipiscing elita. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit i est. Pellentesque ex orci, fringilla in viverra eu, interdum i eros. Vivamus i 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. W 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, gdzie indziej niesklasyfikowane. Pelentesque 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, a egestas quam cursus quis. In Mattis Volutpat Arcu. Vestibulum blandit purus sed nisi elementm.

Duży obraz

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

lekcje surfingu

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