Типографіка

Останній — не більше фута заввишки й близько семи кроків у поперечнику — це звичайнісінька плоска вершина сірої скелі, яка димить, наче гаряча зола після душу, і куди ніхто не наважиться вилізти голою підошвою перед заходом сонця. На «Маленькій Ізабеллі» стара пошарпана пальма, з товстим, опуклим, шорстким у колючках стовбуром, дуже чарівна серед пальм, шелестить похмурим пучком мертвого листя над грубим піском.

Заголовок 1 (H1)

Останній — не більше фута заввишки й близько семи кроків у поперечнику — це звичайнісінька плоска вершина сірої скелі, яка димить, наче гаряча зола після душу, і куди ніхто не наважиться вилізти голою підошвою перед заходом сонця. На «Маленькій Ізабеллі» стара пошарпана пальма, з товстим, опуклим, шорстким у колючках стовбуром, дуже чарівна серед пальм, шелестить похмурим пучком мертвого листя над грубим піском.

Заголовок 2 (H2)

Останній — не більше фута заввишки й близько семи кроків у поперечнику — це звичайнісінька плоска вершина сірої скелі, яка димить, наче гаряча зола після душу, і куди ніхто не наважиться вилізти голою підошвою перед заходом сонця. На «Маленькій Ізабеллі» стара пошарпана пальма, з товстим, опуклим, шорстким у колючках стовбуром, дуже чарівна серед пальм, шелестить похмурим пучком мертвого листя над грубим піском.

Заголовок 3 (H3)

Останній — не більше фута заввишки й близько семи кроків у поперечнику — це звичайнісінька плоска вершина сірої скелі, яка димить, наче гаряча зола після душу, і куди ніхто не наважиться вилізти голою підошвою перед заходом сонця. На «Маленькій Ізабеллі» стара пошарпана пальма, з товстим, опуклим, шорстким у колючках стовбуром, дуже чарівна серед пальм, шелестить похмурим пучком мертвого листя над грубим піском.

Заголовок 4 (H4)

Останній — не більше фута заввишки й близько семи кроків у поперечнику — це звичайнісінька плоска вершина сірої скелі, яка димить, наче гаряча зола після душу, і куди ніхто не наважиться вилізти голою підошвою перед заходом сонця. На «Маленькій Ізабеллі» стара пошарпана пальма, з товстим, опуклим, шорстким у колючках стовбуром, дуже чарівна серед пальм, шелестить похмурим пучком мертвого листя над грубим піском.

Заголовок 5 (H5)

Останній — не більше фута заввишки й близько семи кроків у поперечнику — це звичайнісінька плоска вершина сірої скелі, яка димить, наче гаряча зола після душу, і куди ніхто не наважиться вилізти голою підошвою перед заходом сонця. На «Маленькій Ізабеллі» стара пошарпана пальма, з товстим, опуклим, шорстким у колючках стовбуром, дуже чарівна серед пальм, шелестить похмурим пучком мертвого листя над грубим піском.

Заголовок 6 (H6)

Останній — не більше фута заввишки й близько семи кроків у поперечнику — це звичайнісінька плоска вершина сірої скелі, яка димить, наче гаряча зола після душу, і куди ніхто не наважиться вилізти голою підошвою перед заходом сонця. На «Маленькій Ізабеллі» стара пошарпана пальма, з товстим, опуклим, шорстким у колючках стовбуром, дуже чарівна серед пальм, шелестить похмурим пучком мертвого листя над грубим піском.

Блок цитат

Однорядкова цитата:

Залишайся голодним. Залишайся дурним.

Багаторядкова цитата з посиланням на цитату:

The HTML

елемент (або Елемент HTML Block Quotation) вказує на те, що вкладений текст є розширеною цитатою. Зазвичай це відображається візуально за допомогою відступу (див Примітки як це змінити). URL-адресу джерела цитати можна вказати за допомогою цитувати атрибут, тоді як текстове представлення джерела може бути задано за допомогою елемент.

кілька співавторів – Посилання на елемент MDN HTML – цитата

Таблиці

Співробітник Зарплата
Джон Доу $1 Бо це все, що було потрібно Стіву Джобсу для зарплати.
Джейн Доу $100K За весь блог, який вона веде.
Фред Блогз $100M Картинки варті тисячі слів, чи не так? Отже, Джейн х 1000.
Джейн Блогз $100B З таким волоссям?! Достатньо сказав…

Списки визначень

Назва списку визначень
Визначення поділу списку.
Стартап
Стартап-компанія або стартап — це компанія або тимчасова організація, створена для пошуку повторюваної та масштабованої бізнес-моделі.
#dowork
Придуманий Робом Дайрдеком та його особистим охоронцем Крістофером «Великим Чорним» Бойкінсом, «До роботи» працює як самомотиватор, щоб мотивувати ваших друзів.
Зроби це наживо
Я дозволю Біллу О'Райлі пояснити ось цей.

Невпорядковані списки (вкладені)

  • Пункт списку перший
    • Пункт списку перший
      • Пункт списку перший
      • Другий пункт списку
      • Третій пункт списку
      • Пункт списку четвертий
    • Другий пункт списку
    • Третій пункт списку
    • Пункт списку четвертий
  • Другий пункт списку
  • Третій пункт списку
  • Пункт списку четвертий

Упорядкований список (вкладений)

  1. Пункт списку перший - початок з 8
    1. Пункт списку перший
      1. Атрибут елемента списку один - зворотний
      2. Другий пункт списку
      3. Третій пункт списку
      4. Пункт списку четвертий
    2. Другий пункт списку
    3. Третій пункт списку
    4. Пункт списку четвертий
  2. Другий пункт списку
  3. Третій пункт списку
  4. Пункт списку четвертий

Теги HTML

Ці підтримувані теги походять із коду WordPress.com FAQ.

Адресний тег

1 Нескінченна петля
Купертіно, Каліфорнія 95014
Сполучені Штати

Тег прив’язки (він же посилання)

Це приклад a посилання.

Абревіатура Тег

Абревіатура srsly означає «серйозно».

Акронім Тег (не підтримується в HTML5)

Акронім ftw означає «за перемогу».

Великий тег (не підтримується в HTML5)

Ці тести є a великий угоду, але цей тег більше не підтримується в HTML5.

Тег цитування

«Код — це поезія». —Автоматичний

Тег коду

Цей тег стилізує блоки коду.
.post-title {
поле: 0 0 5px;
font-weight: жирний;
розмір шрифту: 38px;
висота лінії: 1,2;
і ось рядок якогось дуже, дуже, дуже, дуже довгого тексту, просто щоб побачити, як він обробляється, і дізнатися, як він переповнюється;
}
Пізніше в цих тестах ви дізнаєтеся, що перенесення слів: break-word;буде вашим найкращим другом.

Видалити тег

Цей тег дозволить вам закреслити текст, але цей тег є рекомендований підтримується в HTML5 (використовуйте замість цього).

Підкреслити тег

Тег акцентування повинен курсивом текст.

Тег горизонтальної лінії

Це речення слідує за a <hr /> тег.

Вставити тег

Цей тег повинен позначати вставлено текст.

Тег клавіатури

Цей маловідомий тег емулює текст з клавіатури, який зазвичай стилізовано як тег.

Попередньо відформатований тег

Цей тег призначений для збереження пробілів у введеному вигляді, наприклад, у поезії чи мистецтві ASCII.

Дорога не пройдена


Роберт Фрост


  Дві дороги розійшлися в жовтому лісі, І шкода, що я не міг подорожувати обома (_/) І бути одним мандрівником, довго я стояв (='.'=) І дивився вниз, наскільки міг (")_(") Туди, де похилилося в підліску; Тоді взяв інший, такий же справедливий, І маючи, мабуть, кращу претензію, |_/| Тому що воно було трав’яним і хотілося носити; / @ @ Що ж до того, що там перехожий ( > º < ) Одягнув їх справді приблизно однаково, `>>x<<´ / O І обидва того ранку однаково лежали В листі ні кроку не ступали чорним. Ой, я зберіг першу ще на день! Але знаючи, як шлях веде до шляху, я сумнівався, чи варто мені коли-небудь повернутися. Я розкажу це, зітхаючи, Десь віки й віки: Дві дороги розійшлися в лісі, і я... Я пішов тією, якою їздили менше, І це все змінило. і ось рядок якогось дуже, дуже, дуже, дуже довгого тексту, просто щоб побачити, як він обробляється, і дізнатися, як він переповнюється;

Тег цитати для коротких, вбудованих цитат

Розробники, розробники, розробники… – Стів Балмер

Strike Tag (не підтримується в HTML5) і Тег S

Цей тег показує закреслення текст.

Малий тег

Цей тег показує менше текст.

Сильний тег

Цей тег показує жирний текст.

Підрядковий тег

Отримайте наш науковий стиль із H2O, що має натиснути «2» вниз.

Верхній індекс

Досі дотримуємося науки та E = MC Альберта Ейнштейна2, яка повинна піднімати 2 вгору.

Телетайп (застарілий у HTML5)

Цей рідко використовуваний тег емулює телетайпний текст, який зазвичай стилізовано як тег.

Тег підкреслення застарілий у HTML 4, повторно введений у HTML5 з іншою семантикою

Цей тег показує підкреслений текст.

Тег змінної

Це дозволяє позначати змінні.

Освітлення зображення

Зображення вирівнювання по центру

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.

Зображення вирівнювання за лівим краєм

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

Праве вирівнювання зображення

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

Зображення 150 × 150, вирівняне за лівим краєм

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

Велике зображення

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.