Difference between revisions of "WOT Forum RU"

From WOT Wiki
Jump to: navigation, search
(Модерация)
 
(43 intermediate revisions by 10 users not shown)
Line 1: Line 1:
 
{{RightTOC}}
 
{{RightTOC}}
Вы должны [https://www.mywot.com/user/register зарегистрировать аккаунт] чтобы стать участником форума.
+
Вы должны [https://www.mywot.com/user/register зарегистрировать аккаунт], чтобы стать участником форума.
  
 
== Прежде чем создавать новые темы или отвечать на уже существующие ==
 
== Прежде чем создавать новые темы или отвечать на уже существующие ==
Пожалуйста, ознакомьтесь с правилами форума:
+
Пожалуйста, ознакомьтесь с [https://www.mywot.com/guidelines правилами форума]
:* [[Правила форума | Общие Правила форума]]
 
:* [[Руководство по написанию и Правила этикета | Руководство по написанию и Правила этикета]]
 
  
== В настоящее время существуют четыре форума ==
+
== В настоящее время существуют следующие форумы ==
# [http://www.mywot.com/forum/1 Обсуждения общего характера]
+
#[http://www.mywot.com/en/forum/5 Site evaluations]
#: Здесь обсуждаются темы общего характера, всё что не относится напрямую к рейтингам и репутации сайтов.
+
#: Ветка для владельцев сайтов — запросы на оценку или переоценку (здесь можно писать как на русском и английском, так и на любом другом языке).
# [http://www.mywot.com/en/forum/5 Оценка веб-сайтов]
+
# [http://www.mywot.com/ru/forum/7 Обсуждение репутации сайтов (на русском)]
#: Если у Вас есть сайт, то Вы можете попросить оценку для Вашего сайта на этом форуме.
+
#: Ветка для обсуждения сайтов и их оценок сообществом на русском. Если вы владелец, то вам в ветку [http://www.mywot.com/en/forum/5 "Site evaluations"].
#: Факт владения сайтом должен быть '''проверен''', чтобы использовать этот форум.
+
# [http://www.mywot.com/en/forum/3 Обсуждение репутации сайтов (на английском)]
# [http://www.mywot.com/forum/3 Обсуждение репутации веб-сайтов]
+
#: Ветка для обсуждения сайтов и их оценок сообществом на английском. Если вы владелец, то вам, опять же, в ветку [http://www.mywot.com/en/forum/5 "Site evaluations"].
#: Здесь, пользователи могут обсуждать репутацию сайтов, которыми они не владеют.
 
# [http://www.mywot.com/forum/2 Техническая консультация]
 
#: Проблемы с дополнением WOT для Вашего браузера.
 
  
 
== Модерация ==
 
== Модерация ==
Line 44: Line 39:
 
=== Действия модераторов ===
 
=== Действия модераторов ===
 
@ Модераторы:
 
@ Модераторы:
<blockquote>Будьте очень осторожны во время скрытия сообщений. Один раз скрытое сообщение, после перезагрузки страницы безвозвратно исчезает.</blockquote>
+
<blockquote>Будьте очень осторожны во время скрытия сообщений. Один раз скрытое сообщение после перезагрузки страницы исчезает, и обычные пользователи больше не смогут получить к нему доступ.</blockquote>
  
 
; [[File:Magic-wand.png]] Скрыть
 
; [[File:Magic-wand.png]] Скрыть
Line 52: Line 47:
 
; [[File:Magic-wand.png]] Показать
 
; [[File:Magic-wand.png]] Показать
 
: Быстрое «переключение», чтобы показать сообщение, скрытое Модератором.
 
: Быстрое «переключение», чтобы показать сообщение, скрытое Модератором.
: Это доступно только для однажды скрытого сообщения, перезагрузка страницы безвозвратно скрывает его из поля зрения Модератора.
+
: Это доступно только для однажды скрытого сообщения.
  
 
==== Опции сотрудника ====
 
==== Опции сотрудника ====
 
; [[File:Icon_checkmark_box.png]] Пометить данное сообщение как от Модератора?
 
; [[File:Icon_checkmark_box.png]] Пометить данное сообщение как от Модератора?
: Модераторы могут заявить о себе, поставив галочку в чекбокс, который сделает Ваше имя пользователя <span style="color:blue;">синим</span> и добавит к Вашему имени слово (Moderator) в скобках.
+
: Модераторы могут заявить о себе, поставив галочку в чекбокс, который сделает их пользовательское имя <span style="color:blue;">синим</span> и добавит к нему слово (Moderator) в скобках.
 
: Пример: <blockquote><span style="color:blue;">annaleena</span> (Moderator)</blockquote>
 
: Пример: <blockquote><span style="color:blue;">annaleena</span> (Moderator)</blockquote>
  
Line 74: Line 69:
 
==== &lt;a&gt; ====
 
==== &lt;a&gt; ====
 
[http://htmlbook.ru/html/a якорный тег]  
 
[http://htmlbook.ru/html/a якорный тег]  
: предназначен для создания ссылок на другие сообщения или страницы
+
: предназначен для создания гипертекстовых ссылок
 
: Применимые атрибуты:
 
: Применимые атрибуты:
 
:* ''href'' - задает адрес документа, на который следует произвести переход
 
:* ''href'' - задает адрес документа, на который следует произвести переход
 
:* ''title'' - добавляет всплывающую подсказку к тексту ссылки при наведении на неё курсора мыши
 
:* ''title'' - добавляет всплывающую подсказку к тексту ссылки при наведении на неё курсора мыши
:* ''target'' - определяет имя окна или фрейма, куда должен быть загружен открываемый документ, который указан в ссылке
+
:* ''target'' - определяет имя окна или фрейма, куда должен быть загружен открываемый документ
 
:: ''_blank'' - открывает ссылку в новой вкладке или окне
 
:: ''_blank'' - открывает ссылку в новой вкладке или окне
: Пример:
+
: Пример с атрибутом ''href'':
 
: <pre style="overflow:auto;">&lt;a href="http://www.mywot.com"&gt;WOT (Web of Trust)&lt;/a&gt;</pre>
 
: <pre style="overflow:auto;">&lt;a href="http://www.mywot.com"&gt;WOT (Web of Trust)&lt;/a&gt;</pre>
 
: Результат: [http://www.mywot.com/ WOT (Web of Trust)]
 
: Результат: [http://www.mywot.com/ WOT (Web of Trust)]
  
 
==== &lt;em&gt; ====
 
==== &lt;em&gt; ====
[http://htmlbook.ru/html/em акцентированный текст]
+
[http://htmlbook.ru/html/em текст с курсивным шрифтом]
: предназначен для простого акцентирования текста без жирного начертания, используется вместо тега &lt;i&gt;, устанавливающего курсивное начертание шрифта  
+
: делает текст курсивным, используется вместо тега &lt;i&gt;, устанавливающего курсивное начертание шрифта  
 
: Применимые атрибуты:
 
: Применимые атрибуты:
 
:* нет
 
:* нет
 
: Пример:
 
: Пример:
: <pre style="overflow:auto;">&lt;em&gt;Это акцентированный текст&lt;/em&gt;</pre>
+
: <pre style="overflow:auto;">&lt;em&gt;Этот текст написан курсивным шрифтом&lt;/em&gt;</pre>
: Результат: ''Это акцентированный текст''
+
: Результат: ''Этот текст написан курсивным шрифтом''<br />
 +
 
 +
Добавление закрывающего тега &lt;/em&gt; обязательно.
  
 
==== &lt;strong&gt; ====
 
==== &lt;strong&gt; ====
 
[http://htmlbook.ru/html/strong акцентированный текст с жирным начертанием]
 
[http://htmlbook.ru/html/strong акцентированный текст с жирным начертанием]
 
: предназначен для акцентирования текста с жирным начертанием, используется вместо тега &lt;b&gt;  
 
: предназначен для акцентирования текста с жирным начертанием, используется вместо тега &lt;b&gt;  
: этот тег может быть использован в сочетании с тегом &lt;em&gt;, предназначенным для простого акцентирования текста без жирного начертания
+
: с целью придания тексту курсивного начертания шрифта, этот тег может быть использован в сочетании с тегом &lt;em&gt;
 
: Применимые атрибуты:
 
: Применимые атрибуты:
 
:* нет
 
:* нет
Line 105: Line 102:
 
: <pre style="overflow:auto;">&lt;strong&gt;&lt;em&gt;Это акцентированный текст с жирным начертанием&lt;/em&gt;&lt;/strong&gt;</pre>
 
: <pre style="overflow:auto;">&lt;strong&gt;&lt;em&gt;Это акцентированный текст с жирным начертанием&lt;/em&gt;&lt;/strong&gt;</pre>
 
: Результат: '' '''Это акцентированный текст с жирным начертанием''' ''
 
: Результат: '' '''Это акцентированный текст с жирным начертанием''' ''
 +
Совершенно не обязательно указывать открывающие и закрывающие теги с указателями поведения текста «em» и «strong» именно только в такой последовательности «&lt;strong&gt;&lt;em&gt;», можно и наоборот — «&lt;em&gt;&lt;strong&gt;». Их последовательность полностью взаимозаменяема.<br />
 +
 +
Добавление закрывающего тега &lt;/strong&gt; обязательно. При включении в форматируемый текст тега &lt;em&gt;, добавление закрывающего тега &lt;/em&gt; также обязательно.
  
 
==== &lt;cite&gt;  ====
 
==== &lt;cite&gt;  ====
Line 113: Line 113:
 
: Пример:
 
: Пример:
 
: <pre style="overflow:auto;">&lt;cite&gt;Это цитируемый текст&lt;/cite&gt;</pre>
 
: <pre style="overflow:auto;">&lt;cite&gt;Это цитируемый текст&lt;/cite&gt;</pre>
: Результат: <blockquote><cite>Это цитируемый текст</cite></blockquote>
+
: Результат:
 +
<div style="margin-left:25px;padding:5px;"><p> <span style="margin-left:-15px">[[File:Img-quote2.gif]]</span> ''Это цитируемый текст''
  
 
==== &lt;code&gt; ====
 
==== &lt;code&gt; ====
Line 169: Line 170:
 
:* ''src'' - определяет путь к графическому файлу (ссылка)
 
:* ''src'' - определяет путь к графическому файлу (ссылка)
 
:* ''alt'' - отображает альтернативный текст для графического изображения
 
:* ''alt'' - отображает альтернативный текст для графического изображения
:* ''title'' - добавляет всплывающую подсказку к тексту изображения при наведении на него курсора мыши
+
:* ''title'' - добавляет всплывающую подсказку с текстом изображения при наведении на него курсора мыши
 
:* ''width'' - определяет ширину изображения в '''px''' (пиксели) или '''%''' (проценты)
 
:* ''width'' - определяет ширину изображения в '''px''' (пиксели) или '''%''' (проценты)
:* ''height'' - определяет высоту изображения в '''px''' (пиксели) или '''%''' (проценты)
+
:* ''height'' - определяет высоту изображения в '''px''' (пиксели) или '''%''' (проценты)<br />
: Пример:
+
<ol>
 +
<li>Пример с атрибутом ''src'':</li>
 +
: <pre style="overflow:auto;">&lt;img src="http://www.mywot.com/w/wotlogo.png" /&gt;</pre>
 +
: Результат: [[File:Wotlogo.png]]<br />
 +
<li>Пример с атрибутами ''src'', ''alt'', и ''title'':</li>
 
: <pre style="overflow:auto;">&lt;img src="http://www.mywot.com/w/wotlogo.png" alt="WOT Logo" title="WOT Logo" /&gt;</pre>
 
: <pre style="overflow:auto;">&lt;img src="http://www.mywot.com/w/wotlogo.png" alt="WOT Logo" title="WOT Logo" /&gt;</pre>
 
: Результат: [[File:Wotlogo.png|WOT Logo]]
 
: Результат: [[File:Wotlogo.png|WOT Logo]]
 
+
</ol>
  
 
=== Пользовательские теги ===
 
=== Пользовательские теги ===
Line 206: Line 211:
 
: Результат:
 
: Результат:
 
: '''List of domains/hosts:'''
 
: '''List of domains/hosts:'''
<div style="margin-left:25px;padding:5px 20px;border:1px solid #333333;width:auto;max-width:400px;height:100px;overflow:auto;"><p>
+
<div style="margin-left:25px;padding:5px 20px;border:1px solid #333333;width:auto;max-width:400px;height:100px;overflow:auto;">
example_01.com<br />example_02.com<br />example_03.com<br />example_04.com<br />example_05.com<br />example_06.com<br />example_07.com<br />example_08.com<br />example_09.com<br />example_10.com<br />example_11.com<br /></p></div><br />
+
example_01.com<br />example_02.com<br />example_03.com<br />example_04.com<br />example_05.com<br />example_06.com<br />example_07.com<br />example_08.com<br />example_09.com<br />example_10.com<br />example_11.com<br /></div><br />
  
 
==== &lt;quote&gt; ====
 
==== &lt;quote&gt; ====
Line 221: Line 226:
 
: Пример:
 
: Пример:
 
<div style="margin-left:25px;background:#F9F9F9;padding:10px 20px;border:1px dashed #2F6FAB">
 
<div style="margin-left:25px;background:#F9F9F9;padding:10px 20px;border:1px dashed #2F6FAB">
<p>&lt;quote user="Admin"&gt;<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum augue in purus fringilla scelerisque ultricies nisl hendrerit. Morbi tempor faucibus nisl sit amet viverra. Aenean diam lacus; mollis sit amet consequat eget, aliquet eget velit? Pellentesque id bibendum eros. Donec sed leo diam, laoreet venenatis lorem. Nam sed turpis.<br />&lt;/quote&gt;</p></div>
+
&lt;quote user="Admin"&gt;<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum augue in purus fringilla scelerisque ultricies nisl hendrerit. Morbi tempor faucibus nisl sit amet viverra. Aenean diam lacus; mollis sit amet consequat eget, aliquet eget velit? Pellentesque id bibendum eros. Donec sed leo diam, laoreet venenatis lorem. Nam sed turpis.<br />&lt;/quote&gt;</div>
 
: Результат:
 
: Результат:
<div style="margin-left:25px;padding:5px;"><p>
+
<div style="margin-left:25px;padding:5px;">
 
<span style="margin-left:-15px">[[File:Img-quote2.gif]]</span> '''''Originally posted by:''' Admin''<br />
 
<span style="margin-left:-15px">[[File:Img-quote2.gif]]</span> '''''Originally posted by:''' Admin''<br />
 
''Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum augue in purus fringilla scelerisque ultricies nisl hendrerit. Morbi tempor faucibus nisl sit amet viverra. Aenean diam lacus; mollis sit amet consequat eget, aliquet eget velit? Pellentesque id bibendum eros. Donec sed leo diam, laoreet venenatis lorem. Nam sed turpis.''
 
''Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum augue in purus fringilla scelerisque ultricies nisl hendrerit. Morbi tempor faucibus nisl sit amet viverra. Aenean diam lacus; mollis sit amet consequat eget, aliquet eget velit? Pellentesque id bibendum eros. Donec sed leo diam, laoreet venenatis lorem. Nam sed turpis.''
</p></div>
+
</div>
 +
 
 +
=== Открывающие и закрывающие теги ===
 +
Обратите внимание, что открывающие теги выглядят так:
 +
<br >&lt;a&gt; &lt;em&gt; &lt;strong&gt; &lt;cite&gt; &lt;code&gt; &lt;ul&gt; &lt;ol&gt; &lt;dl&gt; &lt;red&gt; &lt;green&gt; &lt;yellow&gt;  &lt;massrate&gt; &lt;quote&gt; <br /><br />
 +
и требуют обязательного добавления закрывающих тегов, которые выглядят так:
 +
<br />&lt;/a&gt; &lt;/em&gt; &lt;/strong&gt; &lt;/cite&gt; &lt;/code&gt; &lt;/ul&gt; &lt;/ol&gt; &lt;/dl&gt; &lt;/red&gt; &lt;/green&gt; &lt;/yellow&gt; &lt;/massrate&gt; &lt;/quote&gt; <br /><br />
 +
: Закрывающие теги помогают определить, например, поведение определённого участка текста, который находится между открывающим и закрывающим тегом
 +
: Пример форматирования текста с визуальным отражением смысла слов, означающих цвета:
 +
<pre style="overflow:auto;">Роза — &lt;red&gt;красная&lt;/red&gt;, а крапива — &lt;green&gt;зелёная&lt;/green&gt;</pre>
 +
: Результат: Роза — <span style="color:red">красная</span>, а крапива — <span style="color:green">зелёная</span>
 +
Заметьте, что продолжение ''«, а крапива»'' не было окрашено в красный цвет после слова ''«<span style="color:red">красная</span>»'' благодаря добавлению в его конец закрывающего тега &lt;/red&gt;.
 +
 
 +
: Пример создания гипертекстовой ссылки с использованием якорного тега &lt;a&gt; и обязательным добавлением соответствующего ему закрывающего тега &lt;/a&gt; в конце форматируемого текста:
 +
<pre style="overflow:auto;">Загрузите &lt;a href="http://www.mywot.com/download"&gt;бесплатную надстройку WOT&lt;/a&gt; для Вашего браузера.</pre>
 +
: Результат: Загрузите [http://www.mywot.com/download бесплатную надстройку WOT] для Вашего браузера.
  
 
== Спецсимволы HTML ==
 
== Спецсимволы HTML ==
Line 241: Line 261:
 
! style="background:#FFFCE5;" | Символ
 
! style="background:#FFFCE5;" | Символ
 
! style="background:#FFFCE5;" | Описание
 
! style="background:#FFFCE5;" | Описание
! style="background:#FFFCE5;" | Номер HTML
+
! style="background:#FFFCE5;" | Код HTML
 
! style="background:#FFFCE5;" | Имя HTML
 
! style="background:#FFFCE5;" | Имя HTML
 
|-
 
|-
Line 257: Line 277:
 
! style="background:#FFFCE5;" | Символ
 
! style="background:#FFFCE5;" | Символ
 
! style="background:#FFFCE5;" | Описание
 
! style="background:#FFFCE5;" | Описание
! style="background:#FFFCE5;" | Номер HTML
+
! style="background:#FFFCE5;" | Код HTML
 
! style="background:#FFFCE5;" | Имя HTML
 
! style="background:#FFFCE5;" | Имя HTML
 
|-
 
|-
Line 274: Line 294:
 
! style="background:#FFFCE5;" | Символ
 
! style="background:#FFFCE5;" | Символ
 
! style="background:#FFFCE5;" | Описание
 
! style="background:#FFFCE5;" | Описание
! style="background:#FFFCE5;" | Номер HTML
+
! style="background:#FFFCE5;" | Код HTML
 
! style="background:#FFFCE5;" | Имя HTML
 
! style="background:#FFFCE5;" | Имя HTML
 
|-
 
|-
| &#38; || Ampersand || &&#35;38; || &amp;amp;
+
| &#38; || Амперсанд || &&#35;38; || &amp;amp;
 
|-
 
|-
| &#64; || At symbol || &&#35;64; || &nbsp;
+
| &#64; || Собачка || &&#35;64; || &nbsp;
 
|-
 
|-
| &#58; || Colon || &&#35;58; || &nbsp;
+
| &#58; || Двоеточие || &&#35;58; || &nbsp;
 
|-
 
|-
| &#46; || Period || &&#35;46; || &nbsp;
+
| &#46; || Точка || &&#35;46; || &nbsp;
 
|-
 
|-
| &#34; || Quotation mark || &&#35;34; || &amp;quot;
+
| &#34; || Кавычка || &&#35;34; || &amp;quot;
 
|-
 
|-
| &#160; || Space non-breaking || &&#35;160; || &amp;nbsp;
+
| &#160; || Неразрывный пробел || &&#35;160; || &amp;nbsp;
 
|}
 
|}
  
 
== См. также ==
 
== См. также ==
Доступна первоначальная версия этого документа на английском языке: [[WOT Forum | WOT Forum]]
+
Это модифицированная и переведённая на русский язык версия [[WOT Forum | оригинального документа]] на английском языке.

Latest revision as of 18:26, 28 October 2016

Вы должны зарегистрировать аккаунт, чтобы стать участником форума.

Прежде чем создавать новые темы или отвечать на уже существующие

Пожалуйста, ознакомьтесь с правилами форума

В настоящее время существуют следующие форумы

  1. Site evaluations
    Ветка для владельцев сайтов — запросы на оценку или переоценку (здесь можно писать как на русском и английском, так и на любом другом языке).
  2. Обсуждение репутации сайтов (на русском)
    Ветка для обсуждения сайтов и их оценок сообществом на русском. Если вы владелец, то вам в ветку "Site evaluations".
  3. Обсуждение репутации сайтов (на английском)
    Ветка для обсуждения сайтов и их оценок сообществом на английском. Если вы владелец, то вам, опять же, в ветку "Site evaluations".

Модерация

The WOT forum to have moderators (англ.)
размещено: Птн. 13 Мая 2011 - 10:18:39 AM UTC

См.: Модератор (англ.)

Сообщение / Ответ

Старые сообщения представлены в виде вложенных сообщений, где ответы размещены под сообщениями, на которые вы отвечаете.

Новые сообщения, созданные 26 Апреля 2011 года или позже, представлены в плоском формате, а ответы на них размещены в хронологическом порядке и содержат <quote> тег.

См. также: Flat vs. threaded (англ.)

Действия с сообщениями

Icon-edit2.gif Редакт.
Вы имеете возможность редактировать ваши предыдущие сообщения, которые Вы создали на форуме.
В качестве вежливости, Вам предлагается размещать отредактированный текст вашего сообщения в нижней части оригинального текста для сравнения, а также добавить вручную созданный тег редактирования Вашего сообщения, например [редакт. дата редактирования] в верхней строке изменений, которые вносятся.
Icon-reply.png Ответить
Позволяет Вам ответить непосредственно на сообщение. Старые, со вложенным стилем ответы на сообщения не имеют никакого содержимого, новые ответы с плоским стилем, содержат оригинальный текст сообщений, на которые Вы отвечаете, с использованием <quote> тега.
Icon-delete.gif Удалить
Позволяет Вам удалить Ваши ранее созданные ответы. Вы не можете удалить Ваше первое главное сообщение, также известное, как оригинальное сообщение, тема или топик. Только сотрудники WOT (Администраторы) и Модераторы могут удалить созданные Вами темы / топики.
Будьте осторожны, эти действия не могут быть отменены.

Действия модераторов

@ Модераторы:

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

Magic-wand.png Скрыть
Позволяет Модераторам скрыть сообщение из поля зрения обычных пользователей.
Один раз «скрыв» сообщение, Вы можете отменить Ваши действия: См. инструкцию ниже.
Magic-wand.png Показать
Быстрое «переключение», чтобы показать сообщение, скрытое Модератором.
Это доступно только для однажды скрытого сообщения.

Опции сотрудника

Icon checkmark box.png Пометить данное сообщение как от Модератора?
Модераторы могут заявить о себе, поставив галочку в чекбокс, который сделает их пользовательское имя синим и добавит к нему слово (Moderator) в скобках.
Пример:

annaleena (Moderator)

Разрешённые HTML-теги

Этот форум не поддерживает BBcode

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

Ниже окна для написания текста сообщения, Вы увидите:

Разрешенные HTML-теги:
<a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <red> <green> <yellow> <massrate> <quote>

Строки и параграфы переносятся автоматически.

Адреса веб-страниц и электронной почты автоматически преобразуются в ссылки.

А также, Вы заметите ссылку на официальную страницу поддержки: Больше информации о возможностях форматирования

Стандартные HTML-теги, которые разрешены

<a>

якорный тег

предназначен для создания гипертекстовых ссылок
Применимые атрибуты:
  • href - задает адрес документа, на который следует произвести переход
  • title - добавляет всплывающую подсказку к тексту ссылки при наведении на неё курсора мыши
  • target - определяет имя окна или фрейма, куда должен быть загружен открываемый документ
_blank - открывает ссылку в новой вкладке или окне
Пример с атрибутом href:
<a href="http://www.mywot.com">WOT (Web of Trust)</a>
Результат: WOT (Web of Trust)

<em>

текст с курсивным шрифтом

делает текст курсивным, используется вместо тега <i>, устанавливающего курсивное начертание шрифта
Применимые атрибуты:
  • нет
Пример:
<em>Этот текст написан курсивным шрифтом</em>
Результат: Этот текст написан курсивным шрифтом

Добавление закрывающего тега </em> обязательно.

<strong>

акцентированный текст с жирным начертанием

предназначен для акцентирования текста с жирным начертанием, используется вместо тега <b>
с целью придания тексту курсивного начертания шрифта, этот тег может быть использован в сочетании с тегом <em>
Применимые атрибуты:
  • нет
Пример без тега <em>:
<strong>Это акцентированный текст с жирным начертанием</strong>
Результат: Это акцентированный текст с жирным начертанием
Пример c тегом <em>:
<strong><em>Это акцентированный текст с жирным начертанием</em></strong>
Результат: Это акцентированный текст с жирным начертанием

Совершенно не обязательно указывать открывающие и закрывающие теги с указателями поведения текста «em» и «strong» именно только в такой последовательности «<strong><em>», можно и наоборот — «<em><strong>». Их последовательность полностью взаимозаменяема.

Добавление закрывающего тега </strong> обязательно. При включении в форматируемый текст тега <em>, добавление закрывающего тега </em> также обязательно.

<cite>

цитируемый текст

определяет текст в качестве цитаты или сноски на другой материал
Применимые атрибуты:
  • нет
Пример:
<cite>Это цитируемый текст</cite>
Результат:

Img-quote2.gif Это цитируемый текст

<code>

программный код

отображает строку текста в виде программного кода
Применимые атрибуты:
  • нет
Пример:
<code>for (i=0;i<=5;i++)</code>
Результат: for (i=0;i<=5;i++)

<ul>

неупорядоченный маркированный список

предназначен для установки неупорядоченного маркированного списка, каждый элемент в списке должен начинаться с тега <li>
Применимые атрибуты:
  • нет
Пример:
<ul><li>первая линия</li><li>вторая линия</li><li>третья линия</li></ul>
Результат:
  • первая линия
  • вторая линия
  • третья линия

<ol>

нумерованный список

устанавливает нумерованный список, каждый элемент в списке должен начинаться с тега <li>
Применимые атрибуты:
  • нет
Пример:
<ol><li>первая линия</li><li>вторая линия</li><li>третья линия</li></ol>
Результат:
  1. первая линия
  2. вторая линия
  3. третья линия

<li>

отдельные элементы в списке

определяет отдельный элемент в списке
Применимые атрибуты:
  • нет
Пример:
<li>первая линия</li><li>вторая линия</li><li>третья линия</li>
Результат:
  • первая линия
  • вторая линия
  • третья линия

<dl>

список определений

используется для создания списка определений
Тег <dl> используется в сочетании с:
  • <dt> предназначенного для определения пунктов (терминов) в списке
  • <dd> описывающего пункт в списке
Применимые атрибуты:
  • нет
Пример:
<dl><dt>пункт 1</dt><dd>пункт 1 описание</dd><dt>пункт 2</dt><dd>пункт 2 описание</dd></dl>
Результат:
пункт 1
пункт 1 описание
пункт 2
пункт 2 описание

<img>

отображение изображений на веб-странице

используется для отображения изображений в графическом формате на веб-страницах
Применимые атрибуты:
  • src - определяет путь к графическому файлу (ссылка)
  • alt - отображает альтернативный текст для графического изображения
  • title - добавляет всплывающую подсказку с текстом изображения при наведении на него курсора мыши
  • width - определяет ширину изображения в px (пиксели) или % (проценты)
  • height - определяет высоту изображения в px (пиксели) или % (проценты)
  1. Пример с атрибутом src:
  2. <img src="http://www.mywot.com/w/wotlogo.png" />
    Результат: Wotlogo.png
  3. Пример с атрибутами src, alt, и title:
  4. <img src="http://www.mywot.com/w/wotlogo.png" alt="WOT Logo" title="WOT Logo" />
    Результат: WOT Logo

Пользовательские теги

Пользовательские теги созданы сотрудниками WOT и разрешены для использования на форуме, они не являются истинными HTML-тегами. Некоторые из них взяты из идей, предложенных участниками форума, а некоторые — созданы из-за необходимости.

<red>

Преобразование цвета текста в красный
Пример:
Этот цвет — <red>КРАСНЫЙ</red>
Результат: Этот цвет — КРАСНЫЙ

<green>

Преобразование цвета текста в зелёный
Пример:
Этот цвет — <green>ЗЕЛЁНЫЙ</green>
Результат: Этот цвет — ЗЕЛЁНЫЙ

<yellow>

Преобразование цвета текста в жёлтый
Пример:
Этот цвет — <yellow>ЖЁЛТЫЙ</yellow>
Результат: Этот цвет — ЖЁЛТЫЙ

<massrate>

Используется, если список состоит из 11 или более доменов
Уменьшает длину страницы и сообщения путём помещения списка доменов в прокручиваемый контейнер (бокс).
Пример:
<massrate>
example_01.com
example_02.com
example_03.com
example_04.com
example_05.com
example_06.com
example_07.com
example_08.com
example_09.com
example_10.com
example_11.com
</massrate>
Результат:
List of domains/hosts:
example_01.com
example_02.com
example_03.com
example_04.com
example_05.com
example_06.com
example_07.com
example_08.com
example_09.com
example_10.com
example_11.com

<quote>

Автоматически добавляется при ответе на сообщение с плоским стилем — ответ «по умолчанию»
Может быть вручную добавлен в ответы и сообщения.
Применимые атрибуты:
  • user - определяет имя пользователя, на сообщение которого вы отвечаете
автоматически добавляется в сообщение во время ответа
если Вы добавляете данный атрибут вручную, то Вы должны предоставить имя пользователя
Примечание:
Этот тег включается по умолчанию только в сообщения с плоским стилем, созданные 26 Апреля 2011 года или позже
Старые сообщения, созданные ранее, чем 26 Апреля 2011 года, не включают в себя этот тег автоматически во время ответа.
Пример:
<quote user="Admin">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum augue in purus fringilla scelerisque ultricies nisl hendrerit. Morbi tempor faucibus nisl sit amet viverra. Aenean diam lacus; mollis sit amet consequat eget, aliquet eget velit? Pellentesque id bibendum eros. Donec sed leo diam, laoreet venenatis lorem. Nam sed turpis.
</quote>
Результат:

Img-quote2.gif Originally posted by: Admin
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum augue in purus fringilla scelerisque ultricies nisl hendrerit. Morbi tempor faucibus nisl sit amet viverra. Aenean diam lacus; mollis sit amet consequat eget, aliquet eget velit? Pellentesque id bibendum eros. Donec sed leo diam, laoreet venenatis lorem. Nam sed turpis.

Открывающие и закрывающие теги

Обратите внимание, что открывающие теги выглядят так:
<a> <em> <strong> <cite> <code> <ul> <ol> <dl> <red> <green> <yellow> <massrate> <quote>

и требуют обязательного добавления закрывающих тегов, которые выглядят так:
</a> </em> </strong> </cite> </code> </ul> </ol> </dl> </red> </green> </yellow> </massrate> </quote>

Закрывающие теги помогают определить, например, поведение определённого участка текста, который находится между открывающим и закрывающим тегом
Пример форматирования текста с визуальным отражением смысла слов, означающих цвета:
Роза — <red>красная</red>, а крапива — <green>зелёная</green>
Результат: Роза — красная, а крапива — зелёная

Заметьте, что продолжение «, а крапива» не было окрашено в красный цвет после слова «красная» благодаря добавлению в его конец закрывающего тега </red>.

Пример создания гипертекстовой ссылки с использованием якорного тега <a> и обязательным добавлением соответствующего ему закрывающего тега </a> в конце форматируемого текста:
Загрузите <a href="http://www.mywot.com/download">бесплатную надстройку WOT</a> для Вашего браузера.
Результат: Загрузите бесплатную надстройку WOT для Вашего браузера.

Спецсимволы HTML

Наиболее полный список спецсимволов HTML доступен здесь

А также, обратите внимание на этот график: ascii.cl (англ.)

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

Business

Символьные объекты HTML
Символ Описание Код HTML Имя HTML
© Copyright &#169; &copy;
® Registered &#174; &reg;
Trademark &#8482;  

Currency

Символьные объекты HTML
Символ Описание Код HTML Имя HTML
$ US Dollar &#36;  
£ British Pound &#163; &pound;
Euro &#8364; &euro;


Punctuation

Символьные объекты HTML
Символ Описание Код HTML Имя HTML
& Амперсанд &#38; &amp;
@ Собачка &#64;  
: Двоеточие &#58;  
. Точка &#46;  
" Кавычка &#34; &quot;
  Неразрывный пробел &#160; &nbsp;

См. также

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