HELP по редактору

Заголовок 1 (h1)

Заголовок 2 (h2)

Заголовок 3 (h3)

Заголовок 4 (h4)

Заголовок 5 (h5)

Обычный абзац.

Это обычный параграф, которому задан стиль "выделенный блок". Применяется для выделения блока текста...

Это цитата (blockquote).
Следует помнить, что размещение статей, это просто вставка текста и добавление к тексту картинок.
Никакиx "украшательств". Все "украшательства" добавляем с помошью стилей.
Даже отступ в первой строке параграфа можно задать стилями, если это необходимо - никаких лишних пробелов, никаких лишних пустых параграфов для увеличения отступов - всё находится в стилях.

Внимание: ниже находится "Черта" (hr)


Ниже находится таблица без параметров (стилей).

Это таблица без параметров.

Она не имеет видимых границ...

Такая таблица может использоваться для разделения текста на 2 колонки...

Ниже находится таблица которой задан стиль "Видимая таблица"

Это таблица,
которой задан Стиль "Видимая таблица"...

Верхней строке в таблице задан тип - "Заголовок"
Крайняя Левая колонка автоматом выравниваются НЕ Крайняя Левая колонка(ки)
по левой стороне автоматом выравнивается(ются)  по центру
... ...
  • Это НЕнумерованный список, который повествует, что
  • надо работать со стилями, которые уже заданы разработчиками сайта...
  1. Это нумерованный список, который повествует, что
  2. надо работать со стилями, которые уже заданы разработчиками сайта...

Под этим абзацем находится картинка, которая вставлена в пустой абзац, выравнивание  таких картинок (по умолчанию) задано в таблице стилей.

Просто размещайте картинки в абзаце - никаких вырвниваний добалять не следует...


Порядок наполнения статьи информацией

Добавление текста

  • В первую очередь набирается текст.
    Особенность: каждое нажатие Enter создает новый Абзац, нажатие Shift+Enter добавляет "перенос строки"
  • Если текст вставляется из текстового редактора (Copy-Paste) следует делать это через опцию (кнопку) "Вставить из Word" - для очитски текста от "мусора".

Вставка картинок

Картинки вставляются в пустой абзац внутри текста.

Вставка таблицы

Таблица создаваемая в визуальном редакторе на сайте, обычно проблем не вызывает, поскольку не содержит никакого "мусора".

Вставляемая таблица (Copy-Paste) должна иметь простую структуру без "украшательств" и стилей для выравнивания текста, только сетка таблицы (!). Не тратьте время на "украшательства" в текстовом редакторе, они будут "вырезаны" при вставке на сайт. Тем не менее, используйте на сайте функцию "вставить из Word" для очистки тегов от лишнего...

<table>
<tr>
<td>текст</td><td>текст</td><td>текст</td>
</tr>
</table>

После добавления сетки таблицы:

Выделить таблицу, задать стиль "Видимая таблица" - для оформления таблицы

  1. Поставить курсор в таблицу
  2. Кликнуть на table в информационной строке
  3. Задать стиль "видимая таблица"

Задать "шапку" таблицы

Поставить курсор в любую ячейку первой строки, кликнуть по кнопке "Параметры строки"

Теперь HTML  код таблицы выглядит так:

<table class="border">
<thead>
<tr>
<td>шапка (заголовок) таблицы</td><td>шапка (заголовок) таблицы</td><td>шапка (заголовок) таблицы</td>
</tr>
</thead>
<tbody>
<tr>
<td>текст</td><td>текст</td><td>текст</td>
</tr>
</tbody>
</table>

Выделение ячеек цветом

шапка (заголовок) таблицы шапка (заголовок) таблицы шапка (заголовок) таблицы
текст текст текст


Загрузка картинок - важно!


Заготовки изображений


Добавляем якоря на страницу

 

 

 

 

наверх