Разметка: HTML теги и форматирование

Заголовки

Заголовок один

Заголовок два

Третий заголовок

Четвертый заголовок

Пятый заголовок
Шестой заголовок

Блокнот

Однострочная блокнотная кавычка:

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

Многострочная блокцитата с цитированием ссылки:

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

несколько авторов – ссылка на HTML-элемент MDN – blockquote

таблицы

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

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

Список определений Название
Определение списка деления.
стартап
Стартап-компания или стартап – это компания или временная организация, созданная для поиска повторяемой и масштабируемой бизнес-модели.
#dowork
Придуманная Робом Дырдеком и его личным телохранителем Кристофером “Big Black” Бойкинсом, “Do Work” работает как самомотиватор, на мотивацию ваших друзей.
Сделай это в прямом эфире
Пусть Билл О’Райли объяснит это.

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

  • Пункт 1 списка
    • Пункт 1 списка
      • Пункт 1 списка
      • Пункт два списка
      • Пункт три списка
      • Пункт 4 списка
    • Пункт два списка
    • Пункт три списка
    • Пункт 4 списка
  • Пункт два списка
  • Пункт три списка
  • Пункт 4 списка

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

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

Теги HTML

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

Адресный тег

1 Infinite Loop
Купертино, Калифорния 95014
Соединенные Штаты Америки

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

Это пример ссылки.

Аббревиатурный тег

Аббревиатура srsly означает “серьезно”.

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

Аббревиатура ftw означает “для победы”.

Большой тег(устаревший в HTML5)

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

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

“Код – это поэзия”. -Автоматик

Кодовая метка

Этот тег стилизует блоки кода.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;
}

Позже в этих тестах вы узнаете, что word-wrap: break-word;будет вашим лучшим другом.

Удалить тег

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

Подчеркните тег

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

Горизонтальная метка правила


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

Вставить тег

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

Метка клавиатуры

Этот малоизвестный тег эмулирует текст с клавиатуры, который обычно стилизован под тег <code>.

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

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

The Road Not Taken

Robert Frost Two roads diverged in a yellow wood, And sorry I could not travel both (\_/) And be one traveler, long I stood (='.'=) And looked down one as far as I could (")_(") To where it bent in the undergrowth; Then took the other, as just as fair, And having perhaps the better claim, |\_/| Because it was grassy and wanted wear; / @ @ \ Though as for that the passing there ( > º < ) Had worn them really about the same, `>>x<<´ / O \ And both that morning equally lay In leaves no step had trodden black. Oh, I kept the first for another day! Yet knowing how way leads on to way, I doubted if I should ever come back. I shall be telling this with a sigh Somewhere ages and ages hence: Two roads diverged in a wood, and I— I took the one less traveled by, And that has made all the difference. and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;

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

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

Тег Strike(устаревший в HTML5) и тег S

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

Маленькая метка

В этом теге отображается текст меньшего размера.

Сильная метка

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

Тег субскрипта

Начинаем научную стилизацию с H2O, которая должна сдвинуть “2” вниз.

Суперскриптовый тег

До сих пор придерживаюсь науки и Альберта Эйнштейна Е = МС2, что должно поднять 2 вверх.

Тег телетайпа (устаревший в HTML5)

Этот редко используемый тег эмулирует текст телетайпа, который обычно стилизуется как тег <code>.

Тег подчеркивания устарел в HTML 4, вновь введен в HTML5 с другой семантикой

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

Переменный тег

Это позволяет обозначать переменные.