ФЭНДОМ


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

Теги Править

Внешний вид Править

Любой HTML-тег (равно как и тег вики-разметки) состоит из двух частей: открывающий тег (первый тег перед текстом) и закрывающий тег (второй тег после текста, выделяется наклонной чертой). У открывающего тега могут иметься атрибуты — специальные слова, придающие тегу какие-либо дополнительные свойства. У некоторых атрибутов, в свою очередь, после знака = могут иметься другие слова, определяющие, какую именно роль будет играть атрибут в теге — эти слова называются значениями.

Например, в теге <span style="color:red">Текст</span>:

  • <span> — открывающий тег;
  • style — атрибут;
  • color:red — значение атрибута;
  • </span> — закрывающий тег.

Есть также небольшая группа так называемых одиночных тегов, которые устроены по-своему (например, тег <br />). Как правило, у них нет атрибутов.

Описание Править

У каждого тега и атрибута есть свои свойства и особенности. Каждый тег делает с текстом разные вещи. На ФЭНДОМЕ доступны не все HTML-теги, а лишь некоторые из них.

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

Список тегов:

Тег Описание Пример Код примера
<abbr> Выделяет слово, к которому требуется добавить пояснение. Чтобы его добавить, нужно к открытому тегу приписать атрибут title="". Текст <abbr title="Текст всплывающей подсказки">Текст (наведите курсор на слово)</abbr>.
<acronym> (устарел) Работает так же, как и abbr, но вдобавок ещё и выделяет слово, к которому требуется добавить пояснение, специальной линией. Текст <acronym title="Текст всплывающей подсказки">Текст</acronym>
<b> Выделяет текст жирным шрифтом. В вики-разметке заменяется тремя надстрочными запятыми с каждой стороны ('''жирный текст'''). Текст <b>Текст</b>
<big> Делает текст большим. Текст <big>Текст</big>
<blockquote> Отображает текст (обычно цитату) в качестве выровненного блока с отступами слева и справа.
Текст, текст, текст…
<blockquote>Текст, текст, текст…</blockquote>
<br /> Ставится в конец фразы, служит для переноса текста на другую строку. Предложение первое.
Предложение второе.
Предложение первое. <br />Предложение второе.
<center> (устарел) Выравнивает текст по центру.
Текст, текст, текст…
<center>Текст, текст, текст…</center>
<code> Выделяет текст специальным шрифтом. Текст <code>Текст, текст, текст…</code>
<dd>, <dl>, <dt> Три взаимосвязанных тега, предназначенных для создания списков определений.

Термин 1
Определение термина 1
Термин 2
Определение термина 2

<dl>

<dt>Термин 1</dt>
<dd>Определение термина 1</dd>
<dt>Термин 2</dt>
<dd>Определение термина 2</dd>
</dl></nowiki>

<del> Делает текст зачёркнутым. Текст <del>Текст</del>
<div> Используется для выделения фрагмента документа с целью изменения вида содержимого. Обычно используется в более сложных кодах и имеет атрибуты (align, style, title и другие).
<em> Выделяет текст курсивом. В вики-разметке заменяется двумя надстрочными запятыми с каждой стороны (''наклонный текст''). Текст <em>Текст</em>
<font> (устарел) Предназначен для дополнительного форматирования текста. Может иметь атрибуты color (цвет), face (шрифт) и size (размер). Текст <font color="red" face="acronis" size="+3">Текст</font>
<h1> Создаёт заголовок нулевого уровня. В вики-разметке заменяется одним знаком = с каждой стороны (= Заголовок =).

Заголовок

<h1>Заголовок</h1>
<h2> Создаёт заголовок первого уровня. В вики-разметке заменяется двумя знаками = с каждой стороны (== Заголовок ==).

Заголовок

<h2>Заголовок</h2>
<h3> Создаёт заголовок второго уровня. В вики-разметке заменяется тремя знаками = с каждой стороны (=== Заголовок ===).

Заголовок

<h3>Заголовок</h3>
<h4> Создаёт заголовок третьего уровня. В вики-разметке заменяется четырьмя знаками = с каждой стороны (==== Заголовок ====).

Заголовок

<h4>Заголовок</h4>
<h5> Создаёт заголовок четвёртого уровня. В вики-разметке заменяется пятью знаками = с каждой стороны (===== Заголовок =====).
Заголовок
<h5>Заголовок</h5>
<h6> Создаёт заголовок пятого уровня. В вики-разметке заменяется шестью знаками = с каждой стороны (====== Заголовок ======).
Заголовок
<h6>Заголовок</h6>
<hr/> Ставит горизонтальную линию. В вики-разметке заменяется четырьмя короткими тире (----). Текст
Текст2
Текст<hr/>Текст2
<i> Выделяет текст курсивом. В вики-разметке заменяется двумя надстрочными запятыми с каждой стороны (''наклонный текст''). Текст <i>Текст</i>
<li> и <ol> Теги, используемые для создания нумерованного списка. В вики-разметке заменяются знаком #, который ставится перед каждым элементом списка вместо тега li.
  1. Элемент списка1
  2. Элемент списка2
<ol>

<li>Элемент списка1</li>
<li>Элемент списка2</li>
</ol>

<li> и <ul> Теги, используемые для создания маркированного списка. В вики-разметке заменяются знаком *, который ставится перед каждым элементом списка вместо тега li.
  • Элемент списка1
  • Элемент списка2
<ul>

<li>Элемент списка1</li>
<li>Элемент списка2</li>
</ul>

<p> Обычно используется с атрибутом align, определяющим выравнивание текста. Может иметь значения left (по левому краю), center (по центру), right (по правому краю) и justify (по ширине).

Текст, текст, текст…

<p align="right">Текст, текст, текст…</p>
<pre> Выделяет текст статьи в своеобразную рамочку. Чтобы добавить эту рамку, в вики-разметке можно не вставлять тег, а просто поставить перед первым словом строки пробел.
Текст, текст, текст…
<pre>Текст, текст, текст…</pre>
<rp>, <rt> и <ruby> Взаимосвязанные теги, используемые для добавления небольшой аннотации сверху или снизу от заданного текста.

текст

текстаннотациятекст

<ruby>

текст
<rp>текст</rp><rt>аннотация</rt><rp>текст</rp>
</ruby>

<s> (другая, устаревшая версия: <strike>) Делает текст зачёркнутым. Текст <s>Текст</s>
<small> Делает текст маленьким. Текст <small>Текст</small>
<span> Предназначен для дополнительного форматирования текста. Может иметь атрибуты style, title и другие. Текст <span style="color: red">Текст</span>
<strong> Выделяет текст жирным шрифтом. В вики-разметке заменяется тремя надстрочными запятыми с каждой стороны ('''жирный текст'''). Текст <strong>Текст</strong>
<sub> Позволяет разместить часть текста под строкой. Тексттекст Текст<sub>текст</sub>
<sup> Позволяет разместить часть текста над строкой. Тексттекст Текст<sup>текст</sup>
<table> Сложный тег, предназначенный для создания таблиц. О том, как создавать таблицы стандартным для вики способом, см. Справка:Таблицы и Справка:Таблицы/викитекст.

Таблица
Заголовок Заголовок
ТекстТекст
Другой текстДругой текст
<table border="1"> <caption>Таблица</caption> <tr> <th>Заголовок</th> <th>Заголовок</th> </tr> <tr><td>Текст</td><td>Текст</td> <tr><td>Другой текст</td><td>Другой текст</td> </table>
<tt> Выделяет текст моноширинным шрифтом. Текст <tt>Текст</tt>
<u> Делает текст подчёркнутым. Текст <u>Текст</u>
<!-- … --> Используется для вставки комментариев в исходном коде, которые не будут видны при прочтении страницы. <!-- Комментарий -->

Полный список тегов Править

Приведённые ниже теги доступны для использования во время редактирования статей.

  • <abbr>
  • <acronym> (устарел)
  • <b>
  • <big> (устарел)
  • <blockquote>
  • <br />
  • <caption>
  • <center> (устарел)
  • <cite>
  • <code>
  • <dd>
  • <del>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <font> (устарел)
  • <h1>
  • <h2>
  • <h3>
  • <h4>
  • <h5>
  • <h6>
  • <hr>
  • <i>
  • <ins>
  • <li>
  • <ol>
  • <p>
  • <pre>
  • <q>
  • <rb>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <small>
  • <span>
  • <strike> (устарел)
  • <strong>
  • <sub>
  • <sup>
  • <table>
  • <td>
  • <th>
  • <tr>
  • <tt> (устарел)
  • <u>
  • <ul>
  • <var>
  • <!-- ... -->

CSS Править

CSS-классы (class="classname") могут храниться на соответствующей странице вики. Все классы и CSS-стили (style="color:pink;") могут быть использованы с HTML-тегами, перечисленными ниже, однако классы и стили могут быть использованы и со многими другими типами вики-разметки, в особенности с таблицами, строками таблиц и ячейками.

Примечание: «background-image» должен использовать полные URL («http://whatever.whatever/whatever/filename.ext http://whatever.whatever/whatever/filename.ext»), а не относительные URL, начинающиеся с косой черты. URL должен быть указан в классе в таблице стилей, так как он не будет работать, если указан в тексте.

См. также Править