Используемая 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>
- Никогда такого не было
- и вдруг опять!
Использование списка ненумерованного:
<ul>
<li>Никогда такого не было</li>
<li>и вдруг опять!</li>
</ul>
- Никогда такого не было
- и вдруг опять!
Использование вот такой разметки: <hr /> даёт возможность проводить черту, разделяющую текст на отрезки. Продемонстрируем, как это выглядит!
Использование цвета. Как пример:
<span style=»color: #000000;»>Никогда такого не было и вдруг опять!</span>
Никогда такого не было и вдруг опять!
<span style=»color: #940F04;»>Никогда такого не было и вдруг опять!</span>
Никогда такого не было и вдруг опять!
<span style=»color: #CC0000;»>Никогда такого не было и вдруг опять!</span>
Никогда такого не было и вдруг опять!
<span style=»color: #0000FF;»>Никогда такого не было и вдруг опять!</span>
Никогда такого не было и вдруг опять!
<span style=»color: #008000;»>Никогда такого не было и вдруг опять!</span>
Никогда такого не было и вдруг опять!
Остаётся открытый вопрос, как узнать код нужного цвета. Можно подсмотреть коды в стилях объявлений Google AdSense. Можно использовать маленькую программу Pixie, установив её на свой компьютер.
Если вспомню ещё какие-нибудь полезные разметки html, которые я использую в письме сайта, обязательно поделюсь!
