Типография

Последний имеет высоту не более фута и около семи шагов в поперечнике и представляет собой всего лишь плоскую вершину серой скалы, дымящейся, как горячий пепел после ливня, и куда ни один человек не рискнул бы ступить босиком до заката. На Маленькой Изабелле старая оборванная пальма с толстым выпуклым стволом, покрытым колючками, настоящая ведьма среди пальм, шуршит унылой кучей мертвых листьев над грубым песком.

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

Последний имеет высоту не более фута и около семи шагов в поперечнике и представляет собой всего лишь плоскую вершину серой скалы, дымящейся, как горячий пепел после ливня, и куда ни один человек не рискнул бы ступить босиком до заката. На Маленькой Изабелле старая оборванная пальма с толстым выпуклым стволом, покрытым колючками, настоящая ведьма среди пальм, шуршит унылой кучей мертвых листьев над грубым песком.

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

Последний имеет высоту не более фута и около семи шагов в поперечнике и представляет собой всего лишь плоскую вершину серой скалы, дымящейся, как горячий пепел после ливня, и куда ни один человек не рискнул бы ступить босиком до заката. На Маленькой Изабелле старая оборванная пальма с толстым выпуклым стволом, покрытым колючками, настоящая ведьма среди пальм, шуршит унылой кучей мертвых листьев над грубым песком.

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

Последний имеет высоту не более фута и около семи шагов в поперечнике и представляет собой всего лишь плоскую вершину серой скалы, дымящейся, как горячий пепел после ливня, и куда ни один человек не рискнул бы ступить босиком до заката. На Маленькой Изабелле старая оборванная пальма с толстым выпуклым стволом, покрытым колючками, настоящая ведьма среди пальм, шуршит унылой кучей мертвых листьев над грубым песком.

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

Последний имеет высоту не более фута и около семи шагов в поперечнике и представляет собой всего лишь плоскую вершину серой скалы, дымящейся, как горячий пепел после ливня, и куда ни один человек не рискнул бы ступить босиком до заката. На Маленькой Изабелле старая оборванная пальма с толстым выпуклым стволом, покрытым колючками, настоящая ведьма среди пальм, шуршит унылой кучей мертвых листьев над грубым песком.

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

Последний имеет высоту не более фута и около семи шагов в поперечнике и представляет собой всего лишь плоскую вершину серой скалы, дымящейся, как горячий пепел после ливня, и куда ни один человек не рискнул бы ступить босиком до заката. На Маленькой Изабелле старая оборванная пальма с толстым выпуклым стволом, покрытым колючками, настоящая ведьма среди пальм, шуршит унылой кучей мертвых листьев над грубым песком.

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

Последний имеет высоту не более фута и около семи шагов в поперечнике и представляет собой всего лишь плоскую вершину серой скалы, дымящейся, как горячий пепел после ливня, и куда ни один человек не рискнул бы ступить босиком до заката. На Маленькой Изабелле старая оборванная пальма с толстым выпуклым стволом, покрытым колючками, настоящая ведьма среди пальм, шуршит унылой кучей мертвых листьев над грубым песком.

Блоковые кавычки

Однострочная цитата:

Оставайся голодным. Оставаться глупым.

Многострочная цитата со ссылкой на цитату:

The HTML

Элемент (или HTML-элемент блочной цитаты) указывает, что прилагаемый текст представляет собой расширенную цитату. Обычно это визуализируется посредством отступов (см. Примечания как это изменить). URL-адрес источника цитаты можно указать с помощью цитировать атрибут, а текстовое представление источника можно задать с помощью атрибута элемент.

несколько участников – Ссылка на HTML-элемент MDN – цитата

Таблицы

Сотрудник Зарплата
Джон Доу $1 Потому что это все, что нужно Стиву Джобсу для получения зарплаты.
Джейн Доу 1ТП4Т100К За все блоги, которые она ведет.
Фред Блоггс 1ТП4Т100М Картинки стоят тысячи слов, верно? Итак, Джейн х 1000.
Джейн Блоггс 1ТП4Т100Б С такими волосами?! Достаточно сказано…

Списки определений

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

Неупорядоченные списки (вложенные)

  • Перечислите первый пункт
    • Перечислите первый пункт
      • Перечислите первый пункт
      • Перечислить второй пункт
      • Перечислить третий пункт
      • Перечислите четвертый пункт
    • Перечислить второй пункт
    • Перечислить третий пункт
    • Перечислите четвертый пункт
  • Перечислить второй пункт
  • Перечислить третий пункт
  • Перечислите четвертый пункт

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

  1. Первый пункт списка – начало с 8.
    1. Перечислите первый пункт
      1. Первый элемент списка - обратный атрибут
      2. Перечислить второй пункт
      3. Перечислить третий пункт
      4. Перечислите четвертый пункт
    2. Перечислить второй пункт
    3. Перечислить третий пункт
    4. Перечислите четвертый пункт
  2. Перечислить второй пункт
  3. Перечислить третий пункт
  4. Перечислите четвертый пункт

HTML-теги

Эти поддерживаемые теги взяты из кода WordPress.com. Часто задаваемые вопросы.

Адресная метка

1 бесконечный цикл
Купертино, Калифорния 95014
Соединенные Штаты

Якорный тег (он же ссылка)

Это пример связь.

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

Аббревиатура серьёзный означает «серьезно».

Акроним Тег (устарело в HTML5)

Аббревиатура футо означает «для победы».

Большая метка (устарело в HTML5)

Эти тесты представляют собой большой дело, но этот тег больше не поддерживается в HTML5.

Цитировать тег

«Код — это поэзия». —Автоматический

Кодовый тег

Этот тег стилизует блоки кода.
.Заголовок поста {
поле: 0 0 5 пикселей;
начертание шрифта: жирный;
размер шрифта: 38 пикселей;
высота строки: 1,2;
и вот строка очень, очень, очень, очень длинного текста, просто чтобы посмотреть, как он обрабатывается, и узнать, как он переполняется;
}
Позже в этих тестах вы узнаете, что перенос слов: разрыв-слово;будет вашим лучшим другом.

Удалить тег

Этот тег позволит вам вычеркнуть текст, но этот тег рекомендуемые поддерживается в HTML5 (используйте вместо).

Подчеркнуть тег

Тег подчеркивания должен выделять курсивом текст.

Тег горизонтального правила

Это предложение следует за <hr /> ярлык.

Вставить тег

Этот тег должен обозначать вставлен текст.

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

Этот малоизвестный тег эмулирует текст на клавиатуре, который обычно оформляется как ярлык.

Предварительно отформатированный тег

Этот тег предназначен для сохранения набранных пробелов, например, в стихах или изображениях ASCII.

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


Роберт Фрост


  Две дороги расходились в желтом лесу, И жаль, что я не смог проехать обе (_/) И быть одним путником, долго я стоял (='.'=) И смотрел вниз на одну, насколько мог (")_(") Туда, где он изгибался в подлеске; Затем взял другой, столь же справедливый, И, возможно, имеющий лучшие права, |_/| Потому что он был травянистым и требовал износа; / @ @ Хотя, что касается того, что прохождение там ( > º < ) Износило их действительно примерно одинаково, `>>x<<´ / O И оба в то утро одинаково лежали В листьях, ни один шаг не ступал черным. О, я оставил первое на другой день! И все же, зная, как путь ведет в путь, я сомневался, вернусь ли когда-нибудь. Я буду рассказывать это со вздохом Где-то в веках и веках: Две дороги разошлись в лесу, и я... я выбрал ту, по которой меньше ходили, И в этом вся разница. и вот строка очень, очень, очень, очень длинного текста, просто чтобы посмотреть, как он обрабатывается, и узнать, как он переполняется;

Тег цитаты для коротких встроенных цитат

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

Ударный тег (устарело в HTML5) и S-тег

Этот тег показывает перечеркивание текст.

Маленькая бирка

Этот тег показывает меньше текст.

Сильный тег

Этот тег показывает жирный текст.

Подстрочный тег

Придаем нашему научному стилю с помощью H2О, что должно сдвинуть цифру «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.

В sed porta lectus, auctor bibendum est. Mauris temporfermentum 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 at eros. Vivamus и 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. В сед нибх арку. Маурис в orci a neque posuerefermentum. Aliquam eu accumsan nulla. Phasellustincidunt tristique arcus sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula Erat. Pellentesque eu gradida lacus.

Aliquam eu accumsan nulla. Phasellustincidunt tristique arcus 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 at eros. Vivamus и 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. В сед нибх арку. Маурис в orci a neque posuerefermentum. Aliquam eu accumsan nulla. Phasellustincidunt tristique arcus sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula Erat. Pellentesque eu gradida lacus.

Aliquam eu accumsan nulla. Phasellustincidunt tristique arcus 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 at eros. Vivamus и 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. В сед нибх арку. Маурис в orci a neque posuerefermentum. Aliquam eu accumsan nulla. Phasellustincidunt tristique arcus sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula Erat. Pellentesque eu gradida lacus.

Aliquam eu accumsan nulla. Phasellustincidunt tristique arcus 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.

уроки серфинга

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