Демонстрация всех HTML элементов темы

20 сентября 2019  /  Тестовые публикации

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

Заголовок H1 используется для названия записи. Обратите на него внимание, он сверху!

Под каждым заголовком примеры оформления абзацев.

Заголовок H2

Это пример абзаца под заголовком h2. Далее немного «рыбы» для наполнения контента. Не следует, однако, забывать, что внедрение современных методик требует от нас анализа дальнейших направлений развития.

Диаграммы связей будут подвергнуты целой серии независимых исследований. Но синтетическое тестирование предполагает независимые способы реализации форм воздействия.

Заголовок H3

Это пример абзаца под заголовком h3. Далее немного «рыбы» для наполнения контента. Являясь всего лишь частью общей картины, реплицированные с зарубежных источников, современные исследования формируют глобальную экономическую сеть и при этом — призваны к ответу.

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

Заголовок H4

Это пример абзаца под заголовком h4. Далее немного «рыбы» для наполнения контента. Каждый из нас понимает очевидную вещь: понимание сути ресурсосберегающих технологий играет важную роль в формировании укрепления моральных ценностей.

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

Заголовок H5

Это пример абзаца под заголовком h5. Далее немного «рыбы» для наполнения контента. А также элементы политического процесса представляют собой не что иное, как квинтэссенцию победы маркетинга над разумом и должны быть ограничены исключительно образом мышления.

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

Заголовок H6

Это пример абзаца под заголовком h6. Далее немного «рыбы» для наполнения контента. Учитывая ключевые сценарии поведения, синтетическое тестирование требует анализа стандартных подходов. Но предприниматели в сети интернет призывают нас к новым свершениям, которые, в свою очередь, должны быть обнародованы.

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

Цитата

Цитаты являются важным элементом при написании успешной статьи.

Пример цитаты с русским Lorem Ipsum. Для современного мира дальнейшее развитие различных форм деятельности требует от нас анализа системы массового участия.Автор цитаты или источник

Правильно оформленные цитаты привлекает внимание читателя улучшая конверсию страницы.

Тег PRE

Тегом PRE обрамляют листинг программного кода:

#Пример HTML 
<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Демонстрация всех HTML элементов темы — Info.Net.Ru</title>
  <link rel='stylesheet' id='main-style-css'  href='https://info.net.ru/wp/wp-content/themes/mb-buki/style.css' type='text/css' media='all' />
  <link rel="canonical" href="https://info.net.ru/post/test" />
  <meta name="description" content="Это тестовая запись для демонстрации и проверки верстки, форматирования и оформления всех HTML элементов темы блога. Заголовок H1 используется для названия запи..." />
  <meta name="keywords" content="css demo html" />
</head>

#Пример CSS 
blockquote {
  padding: 0 1rem;
  margin: 1rem 15px calc(15px + 1rem) 15px;
  border: 2px solid #369;
  border-radius: 3px;
  box-shadow: 15px 15px 0 0 #ccc; 
  font-style: italic;
}

#Пример PHP
<?php
echo "Hello Word";
?>

Нумерованный список

Пример нумерованного списка:

  1. Элемент списка номер один
  2. Второй элемент
  3. Элемент три
  4. Четвертый

Не нумерованный список

Пример ненумерованного списка:

  • Первый
  • Второй
  • Третий
  • Четвертый, он же заключительный

Пример оформления таблицы

Таблица из трех строк с заголовком и пятью столбцами:

Стобец 1 Стобец 2 Стобец 3 Стобец 4 Стобец 5
Строка 1
Строка 2
Строка 3
Строка 4

Внутренние и внешние ссылки

Внутренняя ссылка на существующую страницу — https://info.net.ru/post/wordpress-5-8

Внутренняя ссылка на НЕсуществующую страницу — https://info.net.ru/post/wordpress-56467474848

Внутренняя ссылка со знаком вопроса в адресе — https://info.net.ru/?s=wordpress

Внешняя ссылка на существующий адрес — https://moonback.ru/

Внешняя ссылка на НЕсуществующий адрес — https://moonback23232.rwwu/

Внешняя ссылка со знаком вопроса в адресе — https://moonback.ru/?s=wordpress

Внешняя ссылка со знаком вопроса на НЕсуществующий адрес — https://moonba22ck.rwu/?s=wordpress

 

Обсуждение

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

2002 - 2024 © ИТ-лаборатория
SQL - 0 | 0,040 сек. | 4.09 МБ
Хостинг : adman.com
Домен : reg.ru