Руководства/Вики-разметка и CSS

В данном руководстве находятся справочные материалы по редактированию статей.

Смотрите также:

* Выбор редактора
* Редактирование

Содержание

1. Вики-разметка
	1. Ссылки
	2. Шрифт
	3. Заголовки
	4. Списки
	5. Изображения
2. CSS
	1. Границы
	2. Отступы
	3. Ширина и высота
	4. Выравнивание
	5. Цвет текста
	6. Фон
	7. Высота строки
	8. Размер шрифта
3. Пример использования

## Вики-разметка

Вики-разметка является упрощённым языком HTML, что позволяет сделать его более простым и доступным к использованию. Используется на многих Вики-хостингах, в том числе и на Фэндоме.

### Ссылки

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

Чтобы сделать слово в виде ссылки, необходимо обнести его двойными квадратными скобками:

Если окончание необходимого слова отличается от названия статьи, на которую дается ссылка, то код записывается следующим образом:

 Особняк .

Если слово в тексте полностью отличается от названия статьи, на которую необходимо сослаться, то код выглядит так:

Для создания гиперссылок, ведущих на другие вики или сайты, код будет выглядеть немного иначе:

 Она является поклонницей музыканта [[wikipedia:ru:Странный\_Эл\_Янкович|«Странного» Эла Янковича]].

Также можно ссылаться на разделы статей:

### Шрифт

Изменение оформления текста производится следующим образом:
' — клавиша "э", на английской раскладке.

### Заголовки

Для создания заголовков используется следующий код:

=== Заголовок 2 уровня ===
==== Заголовок 3 уровня ====
===== Заголовок 4 уровня =====
====== Заголовок 5 уровня ======
Заголовок 2 уровня
Заголовок 3 уровня
Заголовок 4 уровня

### Списки

\*\* Две звёздочки создают второй уровень списка.
 # Решётка создает нумерованный список.
# А затем продолжать список.
2. Это очень удобно.
	1. Также можно делать подпункты.
3. А затем продолжать список.

### Другое

 <!--комментарий в исходном коде, не показывающийся в тексте статьи-->

## CSS

Для оформления текста или таблиц можно использовать строковый CSS. Атрибуты стиля заключаются в теги `<div style="...">...</div>` или `<span style="...">...</span>`.

### Границы

Атрибут "border" устанавливает толщину, тип и цвет рамки:

<div style="border:1px solid #000000;">…</div>
Также можно сделать закругленные углы:

<div style="border-radius:10px;">…</div>
### Отступы

Атрибуты "margin" и "padding" устанавливают расстояние от внешних границ элемента (в случае с margin) и внутренних (padding) и поддерживают 4 стороны — право, низ, лево, верх:

<div style="margin:25px; padding:30px;">…</div>
### Ширина и высота

С помощью атрибутов "width" и "height" можно задать ширину и высоту:

<div style="width:600px; height:28px;">…</div>
### Выравнивание

Текст выравнивается с помощью атрибута "text-align".

<div style="text-align:center;">…</div>
### Цвет текста

Цвет текста меняется с помощью атрибута "color":

<div style="color:#008000;">…</div>
### Фон

С помощью атрибута "background" можно задать цвет фона:

<div style="background:#000000;">…</div>
### Высота строки

Высота строки настраивается с помощью атрибута "line-height":

<div style="line-height:34px;">…</div>
### Размер шрифта

Размер шрифта можно изменить, указав его размер в пикселях с помощью атрибута "font-size":

<div style="font-size:20px;">…</div>
### Пример использования

CSS может применяться для оформления таблиц и шаблонов:

```

```

Более подробную информацию об атрибутах и их применении можно получить здесь.