Разметка сайта html

Используемая html разметка сайта — верстка текста на примерах

Рассмотрим те приемы, которые чаще всего используют авторы при написании своих страниц. Сайты Вордпресс уже имеют некоторые встроенные разметки — их автоматическое использование позволяет не думать об уроках html письма.

html разметка сайта
Текст можно делать жирным, курсивным, подчеркнутым и ещё можно заключать фрагменты текста в кавычки. Если мы переключим редактор с визуального на режим html, то увидим, что это выглядит так:

<strong>текст</strong> ; текст

<em>текст</em> ; текст

<span style=»text-decoration: underline;»>текст</span> ; текст

<blockquote>текст</blockquote>.

Здесь также есть разметка авто <!—more—> , которая позволяет прятать текст под сноску, оставляя на главной странице и страницах рубрик только анонс заметки.

Ещё Вордпресс имеет шрифты заголовков: <h1></h1> ; <h2></h2> ; <h3></h3>

Язык текста — html разметка сайта

Давно хотела показать некоторые формы разметки, которые иногда используются мною и которых нет в списке Вордпресс. Чтобы примеры были более явными, возьму за основу какую-нибудь глупую фразу — пусть будет: Никогда такого не было и вдруг опять!

Использование слоя:

<div style=»background: #e6e6fa; border: 1px solid #ccc; margin: 20px 20px 20px 20px; padding: 11px 28px 11px 40px;»>Никогда такого не было и вдруг опять!</div>

Никогда такого не было и вдруг опять!

Использование цитаты:

<blockquote>
<div>Никогда такого не было и вдруг опять!</div>
</blockquote>

Никогда такого не было и вдруг опять!

 

Использование списка нумерованного:

<ol>
<li>Никогда такого не было</li>
<li>и вдруг опять!</li>
</ol>

  1. Никогда такого не было
  2. и вдруг опять!

Использование списка ненумерованного:

<ul>
<li>Никогда такого не было</li>
<li>и вдруг опять!</li>
</ul>

  • Никогда такого не было
  • и вдруг опять!

Использование вот такой разметки: <hr />  даёт возможность проводить черту, разделяющую текст на отрезки. Продемонстрируем, как это выглядит!


Использование цвета. Как пример:

<span style=»color: #940F04;»>Никогда такого не было и вдруг опять!</span>
Никогда такого не было и вдруг опять!

<span style=»color: #CC0000;»>Никогда такого не было и вдруг опять!</span>
<span style=»color: #0000FF;»>Никогда такого не было и вдруг опять!</span>
<span style=»color: #008000;»>Никогда такого не было и вдруг опять!</span>

Остаётся открытый вопрос, как узнать код нужного цвета. Можно подсмотреть коды в стилях объявлений Google AdSense. Можно использовать маленькую программу Pixie, установив ее на свой компьютер.


Если вспомню еще какие-нибудь полезные разметки html, которые я использую в письме сайта, обязательно поделюсь!
/topics/informaciya/

Формат сценария — Шаблон разметки

Отсутствует updated — ошибки разметки WordPress и google webmaster