ЭНЭ:Описание wiki-разметки — различия между версиями

Материал из ЭНЭ
Перейти к: навигация, поиск
(восстановлено из архива)
 
м
 
(не показаны 4 промежуточные версии 2 участников)
Строка 796: Строка 796:
 
  |}
 
  |}
  
−
==== Заголовки ====
+
==== Заголовки cтолбцов/строк ====
 
Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков.  
 
Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков.  
 
  '''Пример:''' Для последней таблицы можно написать так:
 
  '''Пример:''' Для последней таблицы можно написать так:
Строка 836: Строка 836:
 
  |Ячейка 3,3
 
  |Ячейка 3,3
 
  |}
 
  |}
 +
==== Заголовок таблицы ====
 +
<nowiki>
 +
{| border=1
 +
|+'''Заголовок''' таблицы с ''выделением текста''
 +
!Первый столбец
 +
!Второй столбец
 +
!Третий столбец
 +
|-
 +
!Первая строчка
 +
|Ячейка 2,1
 +
|Ячейка 3,1
 +
|-
 +
!Вторая строчка
 +
|Ячейка 2,2
 +
|Ячейка 3,2
 +
|-
 +
!Третья строчка
 +
|Ячейка 2,3
 +
|Ячейка 3,3
 +
|}
 +
</nowiki>
 +
В ЭНЭ это выглядит:
 +
{| border=1
 +
|+'''Заголовок''' таблицы с ''выделением текста''
 +
!Первый столбец
 +
!Второй столбец
 +
!Третий столбец
 +
|-
 +
!Первая строчка
 +
|Ячейка 2,1
 +
|Ячейка 3,1
 +
|-
 +
!Вторая строчка
 +
|Ячейка 2,2
 +
|Ячейка 3,2
 +
|-
 +
!Третья строчка
 +
|Ячейка 2,3
 +
|Ячейка 3,3
 +
|}
 +
==== Использование классов стилей ====
  
−
=== Tables ===
+
<nowiki>
 +
{| border=1  align="center" class="TablePager"
 +
|+'''Заголовок таблицы'''
 +
!Первый столбец
 +
!Второй столбец
 +
!Третий столбец
 +
|-
 +
!Первая строчка
 +
|Ячейка 2,1
 +
|Ячейка 3,1
 +
|-
 +
!Вторая строчка
 +
|Ячейка 2,2
 +
|Ячейка 3,2
 +
|-
 +
!Третья строчка
 +
|Ячейка 2,3
 +
|Ячейка 3,3
 +
|}
 +
</nowiki>
  
−
<table border="1">
+
В ЭНЭ это выглядит:
−
<caption>An example table</caption>
+
{| border=1 align="center" class="TablePager"
−
<tr>
+
|+'''Заголовок таблицы'''
−
<th>First header</th>
+
!Первый столбец
−
<th>Second header</th>
+
!Второй столбец
−
<th>Third header</th>
+
!Третий столбец
−
</tr>
+
|-
−
<tr>
+
!Первая строчка
−
<td>upper left</td>
+
|Ячейка 2,1
−
<td>upper middle</td>
+
|Ячейка 3,1
−
<td rowspan=2>right side</td>
+
|-
−
</tr>
+
!Вторая строчка
−
<tr>
+
|Ячейка 2,2
−
<td>lower left</td>
+
|Ячейка 3,2
−
<td>lower middle</td>
+
|-
−
</tr>
+
!Третья строчка
−
<tr>
+
|Ячейка 2,3
−
<td colspan="3" align="center">bottom row</td>
+
|Ячейка 3,3
−
</tr>
+
|}
−
</table>
+
  
−
<pre><nowiki><table border="1">
+
==== Объединение столбцов и строк ====
−
<caption>An example table</caption>
+
<nowiki>
−
<tr>
+
{|  border="1"
−
<th>First header</th>
+
|+An example table
−
<th>Second header</th>
+
|-
−
<th>Third header</th>
+
! First header
−
</tr>
+
! Second header
−
<tr>
+
! Third header
−
<td>upper left</td>
+
|-
−
<td>upper middle</td>
+
| upper left
−
<td rowspan=2>right side</td>
+
| upper middle
−
</tr>
+
|  rowspan=2 | right side
−
<tr>
+
|-
−
<td>lower left</td>
+
| lower left
−
<td>lower middle</td>
+
| lower middle
−
</tr>
+
|-
−
<tr>
+
|  colspan="3" align="center" | bottom row
−
<td colspan="3" align="center">bottom row</td>
+
|}
−
</tr>
+
</nowiki>
−
</table></nowiki></pre>
+
 
 +
{|  border="1"
 +
|+An example table
 +
|-
 +
! First header
 +
! Second header
 +
! Third header
 +
|-
 +
| upper left
 +
| upper middle
 +
|  rowspan=2 | right side
 +
|-
 +
| lower left
 +
| lower middle
 +
|-
 +
|  colspan="3" align="center" | bottom row
 +
|}
 +
 
 +
==== Как расположить таблицу так, чтобы она находилась по правому краю страницы и её обтекал бы текст? ====
 +
 
 +
{| border=1
 +
|
 +
 
 +
<div style="float:right; display:block;">
 +
{| border=1 class="wikitable"
 +
|+ '''вариант 1, c помощью <nowiki><div></nowiki>'''
 +
|-
 +
! заголовок 1
 +
! заголовок 2
 +
! заголовок 3
 +
|-
 +
| строка 1, ячейка 1
 +
| строка 1, ячейка 2
 +
| строка 1, ячейка 3
 +
|-
 +
| строка 2, ячейка 1
 +
| строка 2, ячейка 2
 +
| строка 2, ячейка 3
 +
|}
 +
</div>
 +
 
 +
* С помощью <nowiki><div></nowiki> или <nowiki><span></nowiki> . (Вариант 1)
 +
|-
 +
|
 +
{| border=1 class="wikitable" style="float:right; margin-left:10px"
 +
|+ '''вариант 2, c помощью <nowiki>style="float:right; margin-left:10px" в заголовке таблицы</nowiki>'''
 +
|-
 +
! заголовок 1
 +
! заголовок 2
 +
! заголовок 3
 +
|-
 +
| строка 1, ячейка 1
 +
| строка 1, ячейка 2
 +
| строка 1, ячейка 3
 +
|-
 +
| строка 2, ячейка 1
 +
| строка 2, ячейка 2
 +
| строка 2, ячейка 3
 +
|}
 +
 
 +
 
 +
* Насколько мне известно, &lt;div> (и тем более &lt;span>) тут не нужен. Таблица, как блоковый элемент, вполне может быть «плавающей» сама по себе, для этого достаточно указать стиль <code>float:right</code>. Обычно ещё добавляют margin слева, чтобы текст не обтекал слишком близко. (Вариант 2 Например:
 +
 
 +
<code style="white-space:nowrap"><nowiki>{| class="wikitable"  style="float:right; margin-left:10px"</nowiki></code> —
  
 +
|}
 +
== Tables ==
 
If your table doesn't look right, make sure that all &lt;tr&gt; and &lt;td&gt; tags are closed with corresponding &lt;/tr&gt; and &lt;/td&gt; tags. Do not indent lines, and do not include empty lines within a table. Otherwise, you will get spurious space above the table or even a browser crash.  See [[HTML tag]] for explanations of what all these tags mean.
 
If your table doesn't look right, make sure that all &lt;tr&gt; and &lt;td&gt; tags are closed with corresponding &lt;/tr&gt; and &lt;/td&gt; tags. Do not indent lines, and do not include empty lines within a table. Otherwise, you will get spurious space above the table or even a browser crash.  See [[HTML tag]] for explanations of what all these tags mean.
  
Строка 956: Строка 1080:
  
 
== См. также: ==
 
== См. также: ==
−
 
+
*[[ЭНЭ:Сноски]]
 
*[[ЭНЭ:Полный список специальных статей]]
 
*[[ЭНЭ:Полный список специальных статей]]
 
*[[ЭНЭ:Статьи, нуждающиеся в улучшении]]
 
*[[ЭНЭ:Статьи, нуждающиеся в улучшении]]

Текущая версия на 11:43, 8 августа 2011

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

В левой колонке - возможные варианты разметки (и украшательств), в правой - текст, который нужно вписать в область редактирования, чтобы получить соответствующую разметку.

В статье ЭНЭ:Как редактировать статьи и использовать wiki-разметку есть сокращенное описание разметки, которого вполне достаточно на начальном этапе.

Совет: откройте эту страницу в отдельном окне броузера, и 'вам сразу станет легче!'

Совет 2: Вы всегда можете попрактиковаться в редактировании без риска испортить что-нибудь стоящее здесь, в Песочнице.

Разделы, параграфы, списки и другое...

В статье При редактировании

Начинайте разделы с заголовков так:

Новый раздел

Подраздел

Под-подраздел

 

== Новый раздел ==

=== Подраздел ===

==== Под-подраздел ====

Одиночный перевод строки никак не отражается на результирующем тексте и может помочь разделить предложения в рамках одного параграфа, что помогает при редактировании и отслеживании изменений.


Пустая же строка начинает новый параграф. 

Одиночный 
перевод строки 
никак не отражается на 
результирующем тексте и 
может помочь разделить 
предложения в рамках одного 
параграфа, что помогает при 
редактировании и отслеживании 
изменений.


Пустая же строка начинает новый параграф.
Можно начать с новой строки,
не начиная нового параграфа.		 
 Можно начать с новой строки,<br>
не начиная нового параграфа.
  • чтобы начать ненумерованый список - поставьте в начале строки звездочку
    • вложенные списки регулируются количеством звездочек в начале строки
    • чем больше звездочек - тем глубже вложен список 
* чтобы начать список - 
поставьте в начале строки звездочку
** вложенные списки регулируются 
количеством звездочек в начале строки
** чем больше звездочек - тем 
глубже вложен список
  1. Нумерованые списки делаются также просто...
    1. очень хорошо читаются
    2. и еще лучше выглядят... ;) 
# Нумерованые списки 
делаются также просто...
## очень хорошо читаются
## и еще лучше выглядят... ;)
  • Смешивать по вкусу!
    1. так
      • и сяк! 
* Смешивать по вкусу!
*# так
*#* и сяк!
Список определений 
определения
элемент 
его определение 
; Список определений : определения
; элемент : его определение
Двоеточие сделает отступ.

Пустая строка начнет новый абзац.

Не стоит однако этим злоупотреблять. 

:Двоеточие сделает отступ.
Пустая строка начнет новый абзац.
 
ЕСЛИ строка начинается с пробела ТО
  она будет отформатирована
    так, как напечатана;
  моноширинным шрифтом;
  строки не переносятся;
КОНЕЦ_ЕСЛИ
это удобно для:
  * вставки отформатированного текста;
  * алгоритмов и исходников;
  * ascii art;

ВНИМАНИЕ! Если вы ее сделаете широкой, вы сделаете широкой всю страницу и менее читабельной. Никогда не начинайте обыкновенные строки с пробелов. 

 ЕСЛИ строка начинается с пробела ТО
   она будет отформатирована
     так, как напечатана;
   моноширинным шрифтом;
   строки не переносятся;
 КОНЕЦ_ЕСЛИ
 это удобно для:
   * вставки форматированного текста;
   * алгоритмов и исходников;
   * ascii art;
Центрированный текст.
 
<center>Центрированный текст.</center>
Горизонтальная разделительная линия:

Между этой строчкой

И этой 

Горизонтальная разделительная линия:
Между этой строчкой
----
И этой


Ссылки, URL'ы, изображения

Как это выглядит Как это напечатано
Сюда относятся, как давно показали исследования Пастера, глицерин и янтарная кислота.

  • Первая буква ссылки автоматически делается заглавной.
  • Внутри пробелы представлены как символы подчеркивания (ввод символа подчеркивания дает тот же эффект, что и пробела, но это не рекомендуется).

Таким образом, первая ссылка выше указывает на адрес http://wiki.laser.ru/index.php/глицерин, по которому содержится статья с названием "Глицерин", а вторая ссылка - на адрес http://wiki.laser.ru/index.php/Янтарная_кислота, по которому содержится статья с названием "Янтарная кислота". 

Сюда относятся, как давно показали исследования 
Пастера, [[глицерин]] и [[янтарная кислота]].
Одинаковые ссылки с разным названием: ответы. 
Одинаковые ссылки
с разным названием:
[[wikipedia FAQ|ответы]]
Окончания "подбираются" ссылкой: тестировать, гены 
Окончания "подбираются" ссылкой:
[[тест]]ировать, [[ген]]ы
Автоматически скрывается часть в скобках: царство.

Автоматически скрывается пространство имен: Новости.

Сервер заполняет поле после | когда Вы сохраняете страницу. 

Автоматически скрывается
часть в скобках:
[[царство (в биологии)|царство]].
Автоматически скрывается
пространство имен:
[[ЭНЭ: Новости|Новости]].
При добавлении комментария неплохо

подписаться... Добавив 3 тильды вы сгенерируете ссылку на свою страницу пользователя:

vovkav

4 тильды подставят еще и время:

vovkav 13:23, 17 Янв 2004 (MSK)
 
При добавлении комментария неплохо
подписаться...
Добавив 3 тильды вы сгенерируете
ссылку на свою страницу пользователя:
: ~~~
4 тильды подставят еще и время:
: ~~~~
Погода в Москве это статья, которая пока не существует.
  • Вы можете ее создать пойдя по ссылке.


  • Для создания новой страницы:
    1. Создайте ссылку на какой-нибудь другой странице.
    2. Сохраните её.
    3. Пойдите по только что созданной ссылке. Откроется новая страница для редактирования.
  • Взгляните описание, как создать страницу и правила именования статей.
  • After creating a page, search for its title and make sure that everyone correctly links to it. 
[[Погода в Москве]] это статья,
которая пока не существует.
Redirect one article title to another by putting text like this in its first line. Note that there must be no text following this, or the redirect may not work. See Wikipedia:How to use redirect pages for more. 
#REDIRECT [[United States]]
For a special way to link to the article on the same subject in another language, see Wikipedia:Interlanguage links.  
Внешняя ссылка: сайт ИПЛИТ РАН 
Внешняя ссылка: 
[http://www.laser.ru  сайт ИПЛИТ РАН]
Or just give the URL: http://www.laser.ru
  • In the URL all symbols must be among: A-Z a-z 0-9 ._\/~%-+&#?!=()@ \x80-\xFF. If a URL contains a different character it should be converted; for example, ^ has to be written %5E (to be looked up in ASCII). 
Or just give the URL: 
http://www.laser.ru
A picture: (logo:) Wikipedia - The Free Encyclopedia 
A picture: [[Image:Wiki.png]]

or, with alternate text (strongly encouraged) 

[[Image:Wiki.png|(logo:)
Wikipedia - The Free Encyclopedia]]

which will be

  • displayed in text only browsers, like Lynx,
  • displayed in any browser, when display of images is disabled by the user,
  • spoken in text to speech browsers, e.g. for blind people,
  • displayed in some browsers as a rectangle when the mouse is hoverered over the image,
  • used by search engine robots.

Clicking on an uploaded image displays a description page, which you can also link directly to: Image:Wiki.png 



[[:Image:Wiki.png]]

To include links to non-image uploads such as sounds, or to images shown as links instead of drawn on the page, use a "media" link.


Звук

Изображение торнадо 



[[media:Sg_mrob.ogg|Звук]]

[[media:Tornado.jpg|Изображение торнадо]]

Чтобы указать ссылку на книгу, вы можете использовать Wikipedia:ISBN ссылки.

ISBN 0123456789X

ISBN 0123456789X

Специальные вставки внутри текста статей

Список специальных слов (у некоторых слов, контекст, необходимый для интерпретации слова как служебного - неизвестен):

Ключевое словоОписание
#redirect [[Имя статьи]] Автоматически перенаправляет пользователя с текущей статьи на статью с указанным именем
__NOTOC__ Запрещает автоматическую генерацию оглавления статьи
START действие и правила использования неизвестны

{{CURRENTMONTH}}
{{CURRENTMONTHNAME}}
{{CURRENTDAY}}
{{CURRENTDAYNAME}}
{{CURRENTYEAR}}
{{CURRENTTIME}}
{{CURRENTMONTHNAMEGEN}}

 Вставляет названия и числа, соотв. текущим дате и т.д.
{{NUMBEROFARTICLES}} Вставляет число статей в базе, считающихся более-менее готовыми
MSG действие и правила использования неизвестны
SUBST действие и правила использования неизвестны
MSGNW действие и правила использования неизвестны

Редактирование символов

What it looks like What you type

Курсив, жирный, жирный курсив.

  • Здесь используются двойные и тройные апострофы, а не двойные кавычки. 
''Курсив'', '''жирный''',
'''''жирный курсив'''''.

You can also write italic and bold if the desired effect is a specific font style rather than emphasis, as in mathematical formulae:

F = ma
  • However, the difference between these two methods is not very important for graphical browsers, and many people choose to ignore it. 
You can also write <i>italic</i> and <b>bold</b>
if the desired effect is a specific font style
rather than emphasis, as in mathematical formulas:

:<b>F</b> = <i>m</i><b>a</b>
Моноширный шрифт для технических терминов. 
Моноширный шрифт для <tt>технических терминов</tt>.
You can use small text for captions. 
You can use <small>small text</small> for captions.
You can strike out deleted material

and underline new material. 

You can <strike>strike out deleted material</strike>
and <u>underline new material</u>.

Umlauts and accents: (See wikipedia:Special characters)
À Á Â Ã Ä Å
Æ Ç È É Ê Ë
Ì Í Î Ï Ñ Ò
Ó Ô Õ Ö Ø Ù
Ú Û Ü ß à á
â ã ä å æ ç
è é ê ë ì í
î ï ñ ò ó ô
œ õ ö ø ù ú
û ü ÿ 



&Agrave; &Aacute; &Acirc; &Atilde; &Auml; &Aring; 
&AElig; &Ccedil; &Egrave; &Eacute; &Ecirc; &Euml; 
&Igrave; &Iacute; &Icirc; &Iuml; &Ntilde; &Ograve; 
&Oacute; &Ocirc; &Otilde; &Ouml; &Oslash; &Ugrave; 
&Uacute; &Ucirc; &Uuml; &szlig; &agrave; &aacute; 
&acirc; &atilde; &auml; &aring; &aelig; &ccedil; 
&egrave; &eacute; &ecirc; &euml; &igrave; &iacute;
&icirc; &iuml; &ntilde; &ograve; &oacute; &ocirc; 
&oelig; &otilde; &ouml; &oslash; &ugrave; &uacute; 
&ucirc; &uuml; &yuml;

Punctuation:
¿ ¡ « » § ¶
† ‡ • — 


&iquest; &iexcl; &laquo; &raquo; &sect; &para;
&dagger; &Dagger; &bull; &mdash;

Commercial symbols:
™ © ® ¢ € ¥

£ ¤		 

&trade; &copy; &reg; &cent; &euro; &yen; 
&pound; &curren;
Subscript: x2

Superscript: x2 or x²

  • The latter method of superscript can't be used in the most general context, but is preferred when possible (as with units of measurement) because most browsers have an easier time formatting lines with it.

ε0 = 8.85 × 10−12

C² / J m.		 
Subscript: x<sub>2</sub>
Superscript: x<sup>2</sup> or x&sup2;
&epsilon;<sub>0</sub> =
8.85 &times; 10<sup>&minus;12</sup>
C&sup2; / J m.
Greek characters:

α β γ δ ε ζ
η θ ι κ λ μ ν
ξ ο π ρ σ ς
τ υ φ χ ψ ω
Γ Δ Θ Λ Ξ Π
Σ Φ Ψ Ω 


&alpha; &beta; &gamma; &delta; &epsilon; &zeta; 
&eta; &theta; &iota; &kappa; &lambda; &mu; &nu; 
&xi; &omicron; &pi; &rho;  &sigma; &sigmaf;
&tau; &upsilon; &phi; &chi; &psi; &omega;
&Gamma; &Delta; &Theta; &Lambda; &Xi; &Pi; 
&Sigma; &Phi; &Psi; &Omega;

Math characters:
∫ ∑ ∏ √ − ± ∞
≈ ∝ ≡ ≠ ≤ ≥ →
× · ÷ ∂ ′ ″
∇ ‰ ° ∴ ℵ ø
∈ ∉ ∩ ∪ ⊂ ⊃ ⊆ ⊇
¬ ∧ ∨ ∃ ∀ ⇒ ⇔
→ ↔

(See also WikiProject Mathematics) 

&int; &sum; &prod; &radic; &minus; &plusmn; &infin;
&asymp; &prop; &equiv; &ne; &le; &ge; &rarr;
&times; &middot; &divide; &part; &prime; &Prime;
&nabla; &permil; &deg; &there4; &alefsym; &oslash;
&isin; &notin; &cap; &cup; &sub; &sup; &sube; &supe;
&not; &and; &or; &exist; &forall; &rArr; &hArr;
&rarr; &harr;
x2   ≥   0 true.
  • To space things out, use non-breaking spaces - &nbsp;.
  • &nbsp; also prevents line breaks in the middle of text, this is useful in formulas. 
<i>x</i><sup>2</sup>&nbsp;&nbsp;&ge;&nbsp;&nbsp;0 true.

Complicated formulae:
  <math>\sum_{n=0}^x \frac{x^n}{n!}</math> 

  
<math>\sum_{n=0}^x \frac{x^n}{n!}</math>

Suppressing interpretation of markup:
Link → (<i>to</i>) the [[Wikipedia FAQ]]

  • Used to show literal data that would otherwise have special meaning.
  • Escapes all wiki markup, including that which looks like HTML tags.
  • Does not escape HTML character entities. 
<nowiki>Link &rarr; (<i>to</i>) 
the [[Wikipedia FAQ]]</nowiki>

Комментирование исходного текста:
не отображается на странице

  • Используется для записи комментариев для других пользователей. 
<!-- текст комментария -->

Таблицы

Простейшая таблица

Таблица в wiki-стиле начинается с фигурной скобки { с последующей вертикальной чертой | и заканчивается вертикальной чертой | с закрывающей фигурной скобкой }. Каждая ячейка строки начинается вертикальной черточки |, после которой пишется ее содержание.


Пример: Таблица с одной строкой пишется так: 

{|
 |Ячейка 1
 |Ячейка 2
 |Ячейка 3
 |}


В ЭНЭ это будет выглядеть так:

Ячейка 1 Ячейка 2 Ячейка 3

Для создания следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк.

Пример: Таблица в две строки пишется так: 

{|
 |Ячейка 1,1
 |Ячейка 2,1
 |Ячейка 3,1
 |-
 |Ячейка 1,2
 |Ячейка 2,2
 |Ячейка 3,2
 |}

В ЭНЭ это будет выглядеть так:

Ячейка 1,1 Ячейка 2,1 Ячейка 3,1
Ячейка 1,2 Ячейка 2,2 Ячейка 3,2

Рамки

Вид рамки описывается в первой строке, сразу после {|. Не забудьте, что между ними и атрибутом должен быть пробел. В настоящее время возможно устанавливать лишь толщину рамки атрибутом border=n, где «n» — толщина линии рамки. 

Пример:  Для последней таблицы рамку можно создать так:
{| border=1
 |Ячейка 1,1
 |Ячейка 2,1
 |Ячейка 3,1
 |-
 |Ячейка 1,2
 |Ячейка 2,2
 |Ячейка 3,2
 |-
 |Ячейка 1,3
 |Ячейка 2,3
 |Ячейка 3,3
 |}

В ЭНЭ это будет выглядеть следующим образом:

Ячейка 1,1 Ячейка 2,1 Ячейка 3,1
Ячейка 1,2 Ячейка 2,2 Ячейка 3,2
Ячейка 1,3 Ячейка 2,3 Ячейка 3,3

Выравнивание

{| border=1
 !Длинный заголовок 1
 !Длинный заголовок 2
 !заголовок 3
 |-
 !Без выравнивания
 |Яч 2,2
 |Яч 3,2
 |-
 !С выравниванием
 |align="center"|Яч 2,3
 |align="right"|Ячейка 3,3
 |}

В ЭНЭ это будет выглядеть следующим образом:

Длинный заголовок 1 Длинный заголовок 2 заголовок 3
Без выравнивания Яч 2,2 Яч 3,2
С выравниванием Яч 2,3 Яч 3,3

Цвета

Раскрасим таблицу и заодно выравняем ее по центру: 

{| border=1 align="center"
 !Длинный заголовок 1
 !Длинный заголовок 2
 !заголовок 3
 |-
 !Цвета фона для отдельных ячеек
 |bgcolor=#CCFF00|Яч 2, 2
 |bgcolor=#99aabb|Яч 3, 2
 |- bgcolor=#ffeedd
 !Цвет фона всей строки
 |align="center"|Яч 2,3
 | align="right"|<font color="#FF00FF">Яч 3,3</font> 
 |- 
 |}
Длинный заголовок 1 Длинный заголовок 2 заголовок 3
Цвета фона для отдельных ячеек Яч 2, 2 Яч 3, 2
Цвет фона всей строки Яч 2,3 Яч 3,3

Заголовки cтолбцов/строк

Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков. 

Пример: Для последней таблицы можно написать так:

{| border=1
 !Первый столбец
 !Второй столбец
 !Третий столбец
 |-
 !Первая строчка
 |Ячейка 2,1
 |Ячейка 3,1
 |-
 !Вторая строчка
 |Ячейка 2,2
 |Ячейка 3,2
 |-
 !Третья строчка
 |Ячейка 2,3
 |Ячейка 3,3
 |}

В ЭНЭ это выглядит:

Первый столбец Второй столбец Третий столбец
Первая строчка Ячейка 2,1 Ячейка 3,1
Вторая строчка Ячейка 2,2 Ячейка 3,2
Третья строчка Ячейка 2,3 Ячейка 3,3

Заголовок таблицы

{| border=1 
 |+'''Заголовок''' таблицы с ''выделением текста''
 !Первый столбец
 !Второй столбец
 !Третий столбец
 |-
 !Первая строчка
 |Ячейка 2,1
 |Ячейка 3,1
 |-
 !Вторая строчка
 |Ячейка 2,2
 |Ячейка 3,2
 |-
 !Третья строчка
 |Ячейка 2,3
 |Ячейка 3,3
 |}

В ЭНЭ это выглядит:

Заголовок таблицы с выделением текста
Первый столбец Второй столбец Третий столбец
Первая строчка Ячейка 2,1 Ячейка 3,1
Вторая строчка Ячейка 2,2 Ячейка 3,2
Третья строчка Ячейка 2,3 Ячейка 3,3

Использование классов стилей

{| border=1  align="center" class="TablePager"
 |+'''Заголовок таблицы'''
 !Первый столбец
 !Второй столбец
 !Третий столбец
 |-
 !Первая строчка
 |Ячейка 2,1
 |Ячейка 3,1
 |-
 !Вторая строчка
 |Ячейка 2,2
 |Ячейка 3,2
 |-
 !Третья строчка
 |Ячейка 2,3
 |Ячейка 3,3
 |}

В ЭНЭ это выглядит:

Заголовок таблицы
Первый столбец Второй столбец Третий столбец
Первая строчка Ячейка 2,1 Ячейка 3,1
Вторая строчка Ячейка 2,2 Ячейка 3,2
Третья строчка Ячейка 2,3 Ячейка 3,3

Объединение столбцов и строк

{|  border="1"
|+An example table
|- 
! First header
! Second header
! Third header
|- 
| upper left
| upper middle
|  rowspan=2 | right side
|- 
| lower left
| lower middle
|- 
|  colspan="3" align="center" | bottom row
|}
An example table
First header Second header Third header
upper left upper middle right side
lower left lower middle
bottom row

Как расположить таблицу так, чтобы она находилась по правому краю страницы и её обтекал бы текст?

вариант 1, c помощью <div>
заголовок 1 заголовок 2 заголовок 3
строка 1, ячейка 1 строка 1, ячейка 2 строка 1, ячейка 3
строка 2, ячейка 1 строка 2, ячейка 2 строка 2, ячейка 3
  • С помощью <div> или <span> . (Вариант 1)
вариант 2, c помощью style="float:right; margin-left:10px" в заголовке таблицы
заголовок 1 заголовок 2 заголовок 3
строка 1, ячейка 1 строка 1, ячейка 2 строка 1, ячейка 3
строка 2, ячейка 1 строка 2, ячейка 2 строка 2, ячейка 3


  • Насколько мне известно, <div> (и тем более <span>) тут не нужен. Таблица, как блоковый элемент, вполне может быть «плавающей» сама по себе, для этого достаточно указать стиль float:right. Обычно ещё добавляют margin слева, чтобы текст не обтекал слишком близко. (Вариант 2 Например:

{| class="wikitable" style="float:right; margin-left:10px" —

Tables

If your table doesn't look right, make sure that all <tr> and <td> tags are closed with corresponding </tr> and </td> tags. Do not indent lines, and do not include empty lines within a table. Otherwise, you will get spurious space above the table or even a browser crash. See HTML tag for explanations of what all these tags mean.

Here's a more advanced example, showing some more options available for making up tables. You can play with these settings in your own table to see what effect they have. Keep in mind that though colors are possible, it's best to use them sparingly. You can't use the <thead>, <tfoot> and <tbody> elements. Check the above tables to see what can be done to the text inside the cells.

An example table
First header Second header
upper left   right side
lower left lower middle
A table in a table
Файл:Wiki.png Файл:Wiki.png
Two Wikipedia logos 
<table border="1" cellpadding="5" cellspacing="0" align="center">
<caption>'''An example table'''</caption>
<tr>
<th style="background:#efefef;">First header</th>
<th colspan="2" style="background:#ffdead;">Second header</th>
</tr>
<tr>
<td>upper left</td>
<td> </td>
<td rowspan=2 style="border-bottom:3px solid grey;" valign="top">
right side</td>
</tr>
<tr>
<td style="border-bottom:3px solid grey;">lower left</td>
<td style="border-bottom:3px solid grey;">lower middle</td>
</tr>
<tr>
<td colspan="3" align="center">
<table border="0">
<caption>''A table in a table''</caption>
<tr>
<td align="center">[[Image:wiki.png]]</td>
<td align="center">[[Image:wiki.png]]</td>
</tr>
<tr>
<td align="center" colspan="2" style="border-top:1px solid red; 
border-right:1px solid red; border-bottom:2px solid red; 
border-left:1px solid red;">
Two Wikipedia logos</td>
</tr>
</table>
</td>
</tr>
</table>

См. также:

Ссылки

Источник — «http://wiki.laser.ru/index.php?title=ЭНЭ:Описание_wiki-разметки&oldid=34569»