Создание и редактирование записей

Редакторы »Оформление отдельных записей и страниц

Иногда средствами визуального редактора не удаётся обеспечить нужное оформление записи или страницы.

В этом случае на помощь приходит мощь текстового редактора! Эта статья показывает, как оформить записи/страницы с использованием кода HTML в текстовом редакторе.

Знакомство с текстовым редактором

Для начала попробуйте просмотреть в редакторе написанную ранее запись или страницу, чтобы увидеть, как выглядит код HTML. Перейдите на вкладку «Текст» (рядом со вкладкой «Визуально»). Эксперименты лучше проводить с черновиком записи/страницы.

Вкладки редактора

В текстовом редакторе всё является текстом – ссылка, цитата, и даже изображение. Однако здесь два вида текста: содержимое записи/страницы и что-то ещё. Это “что-то ещё” и есть код HTML.

Код HTML всегда начинается и заканчивается угловыми скобками: < и >. Внутри угловых скобок размещаются теги HTML. Теги – это команды HTML, определяющие вид и поведение записи/страницы. К примеру, чтобы добавить ссылку, мы используем тег  <a>. Для выделения части текста применяется тег <em>.

Чтобы начала применения какого-либо эффекта перед обрабатываемым текстом вставляется открывающий тег: <em>. Для окончания действия эффекта вставляется закрывающий тег с косой чертой: </em>.

На человеческий язык теги HTML переводятся примерно так: “начать выделение текста”, “закончить выделение текста.” HTML – это набор правил, относительно простой для написания людьми и очень простой для понимания компьютерами.

↑ Содержание ↑

Изменение размера и цвета шрифта

Размер и цвет шрифта отдельной записи или страницы можно изменить посредством тега <span>. Ниже приведены примеры оформления текста и код, необходимый для получения результата.

Шрифт Georgia, размер 13 пкс:
<span style="font-family:Georgia; font-size:13px;">Шрифт Georgia, размер 13 пкс:.</span>

Шрифт Times New Roman, размер 18 пкс.:
<span style="font-family:Times; font-size:18px;">Шрифт Times New Roman, размер 16 пкс.</span>

Шрифт Tahoma, размер x-small:
<span style="font-family:Tahoma; font-size:x-small;">Шрифт Tahoma, размер x-small</span>

Шрифт Georgia розового цвета:
<span style="font-family:Georgia; color:#ff00ff;">Шрифт Georgia розового цвета</span>

Дополнительные сведения

  • Пишите корректный код HTML. Например, после каждого открывающего тега <span> должен быть закрывающий тег </span>.
  • Используйте прямые (" "), а не парные кавычки (“ ”).
  • Некоторые свойства текста (выравнивание, цвет и т.п.) можно поменять посредством кнопок визуального редактора.