/doc/Russian/markup-ru.html

http://txt2tags.googlecode.com/ · HTML · 416 lines · 317 code · 97 blank · 2 comment · 0 complexity · 027a218739487dddb36fec94aeafd0af MD5 · raw file

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <META NAME="generator" CONTENT="http://txt2tags.org">
  5. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
  6. <LINK REL="stylesheet" TYPE="text/css" HREF="http://txt2tags.org/markup.css">
  7. <TITLE>Примеры разметки Txt2tags</TITLE>
  8. </HEAD>
  9. <BODY>
  10. <DIV CLASS="header" ID="header">
  11. <H1>Примеры разметки Txt2tags</H1>
  12. <H2>Посмотрите как разметка конвертируется в HTML</H2>
  13. </DIV>
  14. <DIV CLASS="body" ID="body">
  15. <table>
  16. <tr><th colspan="2">
  17. Базовая разметка
  18. </th></tr><tr><td class="t2t">
  19. <PRE>
  20. = Заголовок 1ого уровня =
  21. == Заголовок 2ого уровня ==
  22. === Заголовок 3его уровня ===
  23. </PRE>
  24. </td><td>
  25. <H1>Заголовок 1ого уровня</H1>
  26. <H2>Заголовок 2ого уровня</H2>
  27. <H3>Заголовок 3его уровня</H3>
  28. </td></tr><tr><td class="t2t">
  29. <PRE>
  30. + Нумерованный заголовок 1ого уровня +
  31. ++ Нумерованный заголовок 2ого уровня ++
  32. +++ Нумерованный заголовок 3его уровня +++
  33. </PRE>
  34. </td><td>
  35. <H1>1. Нумерованный заголовок 1ого уровня</H1>
  36. <H2>1.1. Нумерованный заголовок 2ого уровня</H2>
  37. <H3>1.1.1. Нумерованный заголовок 3его уровня</H3>
  38. </td></tr><tr><td class="t2t">
  39. <PRE>
  40. Параграф состоит из одной или
  41. нескольких строк.
  42. Пустая строка разделяет параграфы.
  43. </PRE>
  44. </td><td>
  45. <P>
  46. Параграф состоит из одной или
  47. нескольких строк.
  48. </P>
  49. <P>
  50. Пустая строка разделяет параграфы.
  51. </P>
  52. </td></tr><tr><td class="t2t">
  53. <PRE>
  54. % начните строку
  55. со знака процента,
  56. % и она будет проигнорирована
  57. полезно для комментариев!
  58. </PRE>
  59. </td><td>
  60. <P>
  61. со знака процента,
  62. полезно для комментариев!
  63. </P>
  64. </td></tr><tr><td class="t2t">
  65. <PRE>
  66. Из красивостей у нас есть **жирный**
  67. и //наклонный// текст.
  68. А также __подчёркнутый__, --зачёркнутый--
  69. и ``моноширинный``.
  70. </PRE>
  71. </td><td>
  72. <P>
  73. Из красивостей у нас есть <B>жирный</B>
  74. и <I>наклонный</I> текст.
  75. </P>
  76. <P>
  77. А также <U>подчёркнутый</U>, <S>зачёркнутый</S>
  78. и <CODE>моноширинный</CODE>.
  79. </P>
  80. </td></tr><tr><th colspan="2">
  81. Списки
  82. </th></tr><tr><td class="t2t">
  83. <PRE>
  84. - Это список с элементами
  85. - Просто используйте дефисы
  86. - Отступ создаёт подсписок
  87. Две пустые строки закрывают любой список.
  88. </PRE>
  89. </td><td>
  90. <UL>
  91. <LI>Это список с элементами
  92. <LI>Просто используйте дефисы
  93. <UL>
  94. <LI>Отступ создаёт подсписок
  95. </UL>
  96. </UL>
  97. <P>
  98. Две пустые строки закрывают любой список.
  99. </P>
  100. </td></tr><tr><td class="t2t">
  101. <PRE>
  102. + Поменяйте дефисы на плюсы
  103. + И получите нумерованные списки
  104. + Создаются по тем же правилам
  105. +
  106. +
  107. Пустой элемент закрывает список
  108. </PRE>
  109. </td><td>
  110. <OL>
  111. <LI>Поменяйте дефисы на плюсы
  112. <LI>И получите нумерованные списки
  113. <OL>
  114. <LI>Создаются по тем же правилам
  115. </OL>
  116. </OL>
  117. <P>
  118. Пустой элемент закрывает список
  119. </P>
  120. </td></tr><tr><td class="t2t">
  121. <PRE>
  122. : Список определений
  123. Список с описанием терминов
  124. : Напишите термин после двоеточия
  125. И его определение на следующей строке
  126. :
  127. </PRE>
  128. </td><td>
  129. <DL>
  130. <DT>Список определений</DT><DD>
  131. Список с описанием терминов
  132. <DT>Напишите термин после двоеточия</DT><DD>
  133. И его определение на следующей строке
  134. </DL>
  135. </td></tr><tr><th colspan="2">
  136. Области
  137. </th></tr><tr><td class="t2t">
  138. <PRE>
  139. Цитаты начинаются
  140. с кнопки TAB.
  141. Больше TABов больше отступ.
  142. Отсутствие TABа или пустая строка завершает цитату.
  143. </PRE>
  144. </td><td>
  145. <BLOCKQUOTE>
  146. Цитаты начинаются
  147. с кнопки TAB.
  148. <BLOCKQUOTE>
  149. Больше TABов больше отступ.
  150. </BLOCKQUOTE>
  151. </BLOCKQUOTE>
  152. <P>
  153. Отсутствие TABа или пустая строка завершает цитату.
  154. </P>
  155. </td></tr><tr><td class="t2t">
  156. <PRE>
  157. Дословная строка отлично подходит для команд:
  158. ``` $ cat /etc/passwd | tr : ,
  159. Просто начните строку с трёх обратных кавычек.
  160. </PRE>
  161. </td><td>
  162. <P>
  163. Дословная строка отлично подходит для команд:
  164. </P>
  165. <PRE>
  166. $ cat /etc/passwd | tr : ,
  167. </PRE>
  168. <P>
  169. Просто начните строку с трёх обратных кавычек.
  170. </P>
  171. </td></tr><tr><td class="t2t">
  172. <PRE>
  173. ```
  174. Дословная область заключается
  175. тремя обратными кавычками.
  176. **Разметка** не учитывается
  177. и положение символов сохраняется.
  178. ```
  179. </PRE>
  180. </td><td>
  181. <PRE>
  182. Дословная область заключается
  183. тремя обратными кавычками.
  184. **Разметка** не учитывается
  185. и положение символов сохраняется.
  186. </PRE>
  187. </td></tr><tr><td class="t2t">
  188. <PRE>
  189. """
  190. Область без обработки
  191. заключается в двойные кавычки.
  192. **Разметка** не учитывается,
  193. но положение символов не сохраняется.
  194. """
  195. </PRE>
  196. </td><td>
  197. Область без обработки
  198. заключается в двойные кавычки.
  199. **Разметка** не учитывается,
  200. но положение символов не сохраняется.
  201. </td></tr><tr><td class="t2t">
  202. <PRE>
  203. '''
  204. &lt;div id="myblock"&gt;
  205. &lt;p style="color:red"&gt;
  206. Область с тегами заключается
  207. с двух сторон в одинарные кавычки.
  208. &lt;/p&gt;
  209. &lt;p style="color:blue"&gt;
  210. Текст внутри не обрабатывается,
  211. полезно для вставки конечного кода.
  212. &lt;/p&gt;
  213. &lt;/div&gt;
  214. '''
  215. </PRE>
  216. </td><td>
  217. <div id="myblock">
  218. <p style="color:red">
  219. Область с тегами заключается
  220. с двух сторон в одинарные кавычки.
  221. </p>
  222. <p style="color:blue">
  223. Текст внутри не обрабатывается,
  224. полезно для вставки конечного кода.
  225. </p>
  226. </div>
  227. </td></tr><tr><th colspan="2">
  228. Остальные
  229. </th></tr><tr><td class="t2t">
  230. <PRE>
  231. || Заголовок таблицы | Заголовок таблицы |
  232. | Ячейки | текста |
  233. | таблицы | это |
  234. | с выравниванием | здорово! |
  235. </PRE>
  236. </td><td>
  237. <TABLE BORDER="1">
  238. <TR>
  239. <TH>Заголовок таблицы</TH>
  240. <TH>Заголовок таблицы</TH>
  241. </TR>
  242. <TR>
  243. <TD ALIGN="right">Ячейки</TD>
  244. <TD ALIGN="center">текста</TD>
  245. </TR>
  246. <TR>
  247. <TD ALIGN="right">таблицы</TD>
  248. <TD ALIGN="center">это</TD>
  249. </TR>
  250. <TR>
  251. <TD ALIGN="right">с выравниванием</TD>
  252. <TD ALIGN="center">здорово!</TD>
  253. </TR>
  254. </TABLE>
  255. </td></tr><tr><td class="t2t">
  256. <PRE>
  257. [t2t.png] Выравниваем изображение по левому краю
  258. Выравниваем [t2t.png] по центру
  259. По правому краю [t2t.png]
  260. </PRE>
  261. </td><td>
  262. <P>
  263. <IMG ALIGN="left" SRC="../img/t2tpowered.png" BORDER="0" ALT=""> Выравниваем изображение по левому краю
  264. </P>
  265. <P>
  266. Выравниваем <IMG ALIGN="middle" SRC="../img/t2tpowered.png" BORDER="0" ALT=""> по центру
  267. </P>
  268. <P>
  269. По правому краю <IMG ALIGN="right" SRC="../img/t2tpowered.png" BORDER="0" ALT="">
  270. </P>
  271. </td></tr><tr><td class="t2t">
  272. <PRE>
  273. Ссылки распознаются автоматически – jd@example.com, видите?
  274. Даже [именованная ссылка www.myurl.com] просто создаётся.
  275. Изображение тоже может быть ссылкой – [[t2t.png] as-a-link.html].
  276. </PRE>
  277. </td><td>
  278. <P>
  279. Ссылки распознаются автоматически – <A HREF="mailto:jd@example.com">jd@example.com</A>, видите?
  280. </P>
  281. <P>
  282. Даже <A HREF="http://www.myurl.com">именованная ссылка</A> просто создаётся.
  283. </P>
  284. <P>
  285. Изображение тоже может быть ссылкой – <A HREF="as-a-link.html"><IMG ALIGN="middle" SRC="../img/t2tpowered.png" BORDER="0" ALT=""></A>.
  286. </P>
  287. </td></tr><tr><td class="t2t">
  288. <PRE>
  289. Разделительная линия:
  290. --------------------
  291. И пожирнее:
  292. ====================
  293. (Хотя бы 20 символов в длину)
  294. </PRE>
  295. </td><td>
  296. <P>
  297. Разделительная линия:
  298. </P>
  299. <HR NOSHADE SIZE=1>
  300. <P>
  301. И пожирнее:
  302. </P>
  303. <HR NOSHADE SIZE=5>
  304. <P>
  305. (Хотя бы 20 символов в длину)
  306. </P>
  307. </td></tr>
  308. </table>
  309. <P>
  310. Автор перевода Kontenta Kato.
  311. </P>
  312. <P>
  313. <A HREF="http://txt2tags.org">Перейти на главную txt2tags</A>
  314. </P>
  315. </DIV>
  316. <!-- html code generated by txt2tags 2.6.585 (http://txt2tags.org) -->
  317. <!-- cmdline: txt2tags Russian/markup-ru/markup-ru.t2t -->
  318. </BODY></HTML>