Difference between revisions of "WOT Forum RU"
(→<a>) |
ScamKiller73 (talk | contribs) |
||
(59 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/ | + | #[http://www.mywot.com/en/forum/5 Site evaluations] |
− | #: | + | #: Ветка для владельцев сайтов — запросы на оценку или переоценку (здесь можно писать как на русском и английском, так и на любом другом языке). |
− | # [http://www.mywot.com/ | + | # [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/11912-the-wot-forum-to-have-moderators WOT | + | [http://www.mywot.com/forum/11912-the-wot-forum-to-have-moderators The WOT forum to have moderators] (англ.)<br />размещено: Птн. 13 Мая 2011 - 10:18:39 AM UTC |
См.: [[Forum Moderator | Модератор]] (англ.) | См.: [[Forum Moderator | Модератор]] (англ.) | ||
Line 39: | Line 34: | ||
; [[File:Icon-delete.gif]] Удалить | ; [[File:Icon-delete.gif]] Удалить | ||
− | : Позволяет Вам удалить Ваши ранее созданные ответы. Вы не можете удалить Ваше первое главное сообщение, также известное, как оригинальное сообщение или | + | : Позволяет Вам удалить Ваши ранее созданные ответы. Вы не можете удалить Ваше первое главное сообщение, также известное, как оригинальное сообщение, тема или топик. Только сотрудники WOT (Администраторы) и Модераторы могут удалить созданные Вами темы / топики. |
: Будьте осторожны, эти действия не могут быть отменены. | : Будьте осторожны, эти действия не могут быть отменены. | ||
=== Действия модераторов === | === Действия модераторов === | ||
@ Модераторы: | @ Модераторы: | ||
− | <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) в скобках. |
+ | : Пример: <blockquote><span style="color:blue;">annaleena</span> (Moderator)</blockquote> | ||
− | == | + | == Разрешённые HTML-теги == |
Этот форум '''не''' поддерживает [http://ru.wikipedia.org/wiki/BbCode BBcode] | Этот форум '''не''' поддерживает [http://ru.wikipedia.org/wiki/BbCode BBcode] | ||
Line 73: | Line 69: | ||
==== <a> ==== | ==== <a> ==== | ||
[http://htmlbook.ru/html/a якорный тег] | [http://htmlbook.ru/html/a якорный тег] | ||
− | : предназначен для создания ссылок | + | : предназначен для создания гипертекстовых ссылок |
: Применимые атрибуты: | : Применимые атрибуты: | ||
:* ''href'' - задает адрес документа, на который следует произвести переход | :* ''href'' - задает адрес документа, на который следует произвести переход | ||
:* ''title'' - добавляет всплывающую подсказку к тексту ссылки при наведении на неё курсора мыши | :* ''title'' - добавляет всплывающую подсказку к тексту ссылки при наведении на неё курсора мыши | ||
− | :* ''target'' - определяет имя окна или фрейма, куда должен быть загружен открываемый документ | + | :* ''target'' - определяет имя окна или фрейма, куда должен быть загружен открываемый документ |
:: ''_blank'' - открывает ссылку в новой вкладке или окне | :: ''_blank'' - открывает ссылку в новой вкладке или окне | ||
− | : Пример: | + | : Пример с атрибутом ''href'': |
: <pre style="overflow:auto;"><a href="http://www.mywot.com">WOT (Web of Trust)</a></pre> | : <pre style="overflow:auto;"><a href="http://www.mywot.com">WOT (Web of Trust)</a></pre> | ||
: Результат: [http://www.mywot.com/ WOT (Web of Trust)] | : Результат: [http://www.mywot.com/ WOT (Web of Trust)] | ||
==== <em> ==== | ==== <em> ==== | ||
− | [http://htmlbook.ru/html/em | + | [http://htmlbook.ru/html/em текст с курсивным шрифтом] |
− | : | + | : делает текст курсивным, используется вместо тега <i>, устанавливающего курсивное начертание шрифта |
: Применимые атрибуты: | : Применимые атрибуты: | ||
:* нет | :* нет | ||
: Пример: | : Пример: | ||
− | : <pre style="overflow:auto;"><em> | + | : <pre style="overflow:auto;"><em>Этот текст написан курсивным шрифтом</em></pre> |
− | : Результат: '' | + | : Результат: ''Этот текст написан курсивным шрифтом''<br /> |
+ | |||
+ | Добавление закрывающего тега </em> обязательно. | ||
==== <strong> ==== | ==== <strong> ==== | ||
[http://htmlbook.ru/html/strong акцентированный текст с жирным начертанием] | [http://htmlbook.ru/html/strong акцентированный текст с жирным начертанием] | ||
: предназначен для акцентирования текста с жирным начертанием, используется вместо тега <b> | : предназначен для акцентирования текста с жирным начертанием, используется вместо тега <b> | ||
+ | : с целью придания тексту курсивного начертания шрифта, этот тег может быть использован в сочетании с тегом <em> | ||
: Применимые атрибуты: | : Применимые атрибуты: | ||
:* нет | :* нет | ||
− | : Пример: | + | : Пример без тега <em>: |
: <pre style="overflow:auto;"><strong>Это акцентированный текст с жирным начертанием</strong></pre> | : <pre style="overflow:auto;"><strong>Это акцентированный текст с жирным начертанием</strong></pre> | ||
: Результат: '''Это акцентированный текст с жирным начертанием''' | : Результат: '''Это акцентированный текст с жирным начертанием''' | ||
+ | : Пример c тегом <em>: | ||
+ | : <pre style="overflow:auto;"><strong><em>Это акцентированный текст с жирным начертанием</em></strong></pre> | ||
+ | : Результат: '' '''Это акцентированный текст с жирным начертанием''' '' | ||
+ | Совершенно не обязательно указывать открывающие и закрывающие теги с указателями поведения текста «em» и «strong» именно только в такой последовательности «<strong><em>», можно и наоборот — «<em><strong>». Их последовательность полностью взаимозаменяема.<br /> | ||
+ | |||
+ | Добавление закрывающего тега </strong> обязательно. При включении в форматируемый текст тега <em>, добавление закрывающего тега </em> также обязательно. | ||
==== <cite> ==== | ==== <cite> ==== | ||
Line 108: | Line 113: | ||
: Пример: | : Пример: | ||
: <pre style="overflow:auto;"><cite>Это цитируемый текст</cite></pre> | : <pre style="overflow:auto;"><cite>Это цитируемый текст</cite></pre> | ||
− | : | + | : Результат: |
+ | <div style="margin-left:25px;padding:5px;"><p> <span style="margin-left:-15px">[[File:Img-quote2.gif]]</span> ''Это цитируемый текст'' | ||
==== <code> ==== | ==== <code> ==== | ||
Line 142: | Line 148: | ||
: Применимые атрибуты: | : Применимые атрибуты: | ||
:* нет | :* нет | ||
− | : Пример: | + | : Пример: |
+ | : <pre style="overflow:auto;"><li>первая линия</li><li>вторая линия</li><li>третья линия</li></pre> | ||
+ | : Результат: <ul><li>первая линия</li><li>вторая линия</li><li>третья линия</li></ul> | ||
==== <dl> ==== | ==== <dl> ==== | ||
Line 153: | Line 161: | ||
:* нет | :* нет | ||
: Пример: | : Пример: | ||
− | : <pre style="overflow:auto;"><dl><dt> | + | : <pre style="overflow:auto;"><dl><dt>пункт 1</dt><dd>пункт 1 описание</dd><dt>пункт 2</dt><dd>пункт 2 описание</dd></dl></pre> |
: Результат: <dl><dt>пункт 1<dd>пункт 1 описание<dt>пункт 2<dd>пункт 2 описание</dl> | : Результат: <dl><dt>пункт 1<dd>пункт 1 описание<dt>пункт 2<dd>пункт 2 описание</dl> | ||
Line 162: | 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;"><img src="http://www.mywot.com/w/wotlogo.png" /></pre> | ||
+ | : Результат: [[File:Wotlogo.png]]<br /> | ||
+ | <li>Пример с атрибутами ''src'', ''alt'', и ''title'':</li> | ||
: <pre style="overflow:auto;"><img src="http://www.mywot.com/w/wotlogo.png" alt="WOT Logo" title="WOT Logo" /></pre> | : <pre style="overflow:auto;"><img src="http://www.mywot.com/w/wotlogo.png" alt="WOT Logo" title="WOT Logo" /></pre> | ||
: Результат: [[File:Wotlogo.png|WOT Logo]] | : Результат: [[File:Wotlogo.png|WOT Logo]] | ||
− | + | </ol> | |
=== Пользовательские теги === | === Пользовательские теги === | ||
Line 186: | Line 198: | ||
==== <yellow> ==== | ==== <yellow> ==== | ||
− | : Преобразование цвета текста в | + | : Преобразование цвета текста в жёлтый |
: Пример: | : Пример: | ||
: <pre style="overflow:auto;">Этот цвет — <yellow>ЖЁЛТЫЙ</yellow></pre> | : <pre style="overflow:auto;">Этот цвет — <yellow>ЖЁЛТЫЙ</yellow></pre> | ||
Line 199: | 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;" | + | <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 / | + | 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 /> |
==== <quote> ==== | ==== <quote> ==== | ||
Line 214: | 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"> | ||
− | + | <quote user="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.<br /></quote></div> | |
: Результат: | : Результат: | ||
− | <div style="margin-left:25px;padding:5px;" | + | <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.'' | ||
− | </ | + | </div> |
+ | |||
+ | === Открывающие и закрывающие теги === | ||
+ | Обратите внимание, что открывающие теги выглядят так: | ||
+ | <br ><a> <em> <strong> <cite> <code> <ul> <ol> <dl> <red> <green> <yellow> <massrate> <quote> <br /><br /> | ||
+ | и требуют обязательного добавления закрывающих тегов, которые выглядят так: | ||
+ | <br /></a> </em> </strong> </cite> </code> </ul> </ol> </dl> </red> </green> </yellow> </massrate> </quote> <br /><br /> | ||
+ | : Закрывающие теги помогают определить, например, поведение определённого участка текста, который находится между открывающим и закрывающим тегом | ||
+ | : Пример форматирования текста с визуальным отражением смысла слов, означающих цвета: | ||
+ | <pre style="overflow:auto;">Роза — <red>красная</red>, а крапива — <green>зелёная</green></pre> | ||
+ | : Результат: Роза — <span style="color:red">красная</span>, а крапива — <span style="color:green">зелёная</span> | ||
+ | Заметьте, что продолжение ''«, а крапива»'' не было окрашено в красный цвет после слова ''«<span style="color:red">красная</span>»'' благодаря добавлению в его конец закрывающего тега </red>. | ||
+ | |||
+ | : Пример создания гипертекстовой ссылки с использованием якорного тега <a> и обязательным добавлением соответствующего ему закрывающего тега </a> в конце форматируемого текста: | ||
+ | <pre style="overflow:auto;">Загрузите <a href="http://www.mywot.com/download">бесплатную надстройку WOT</a> для Вашего браузера.</pre> | ||
+ | : Результат: Загрузите [http://www.mywot.com/download бесплатную надстройку WOT] для Вашего браузера. | ||
== Спецсимволы HTML == | == Спецсимволы HTML == | ||
Line 234: | Line 261: | ||
! style="background:#FFFCE5;" | Символ | ! style="background:#FFFCE5;" | Символ | ||
! style="background:#FFFCE5;" | Описание | ! style="background:#FFFCE5;" | Описание | ||
− | ! style="background:#FFFCE5;" | | + | ! style="background:#FFFCE5;" | Код HTML |
! style="background:#FFFCE5;" | Имя HTML | ! style="background:#FFFCE5;" | Имя HTML | ||
|- | |- | ||
Line 250: | Line 277: | ||
! style="background:#FFFCE5;" | Символ | ! style="background:#FFFCE5;" | Символ | ||
! style="background:#FFFCE5;" | Описание | ! style="background:#FFFCE5;" | Описание | ||
− | ! style="background:#FFFCE5;" | | + | ! style="background:#FFFCE5;" | Код HTML |
! style="background:#FFFCE5;" | Имя HTML | ! style="background:#FFFCE5;" | Имя HTML | ||
|- | |- | ||
Line 267: | Line 294: | ||
! style="background:#FFFCE5;" | Символ | ! style="background:#FFFCE5;" | Символ | ||
! style="background:#FFFCE5;" | Описание | ! style="background:#FFFCE5;" | Описание | ||
− | ! style="background:#FFFCE5;" | | + | ! style="background:#FFFCE5;" | Код HTML |
! style="background:#FFFCE5;" | Имя HTML | ! style="background:#FFFCE5;" | Имя HTML | ||
|- | |- | ||
− | | & || | + | | & || Амперсанд || &#38; || &amp; |
|- | |- | ||
− | | @ || | + | | @ || Собачка || &#64; || |
|- | |- | ||
− | | : || | + | | : || Двоеточие || &#58; || |
|- | |- | ||
− | | . || | + | | . || Точка || &#46; || |
|- | |- | ||
− | | " || | + | | " || Кавычка || &#34; || &quot; |
|- | |- | ||
− | |   || | + | |   || Неразрывный пробел || &#160; || &nbsp; |
|} | |} | ||
+ | |||
+ | == См. также == | ||
+ | Это модифицированная и переведённая на русский язык версия [[WOT Forum | оригинального документа]] на английском языке. |
Latest revision as of 18:26, 28 October 2016
Вы должны зарегистрировать аккаунт, чтобы стать участником форума.
Прежде чем создавать новые темы или отвечать на уже существующие
Пожалуйста, ознакомьтесь с правилами форума
В настоящее время существуют следующие форумы
- Site evaluations
- Ветка для владельцев сайтов — запросы на оценку или переоценку (здесь можно писать как на русском и английском, так и на любом другом языке).
- Обсуждение репутации сайтов (на русском)
- Ветка для обсуждения сайтов и их оценок сообществом на русском. Если вы владелец, то вам в ветку "Site evaluations".
- Обсуждение репутации сайтов (на английском)
- Ветка для обсуждения сайтов и их оценок сообществом на английском. Если вы владелец, то вам, опять же, в ветку "Site evaluations".
Модерация
The WOT forum to have moderators (англ.)
размещено: Птн. 13 Мая 2011 - 10:18:39 AM UTC
См.: Модератор (англ.)
Сообщение / Ответ
Старые сообщения представлены в виде вложенных сообщений, где ответы размещены под сообщениями, на которые вы отвечаете.
Новые сообщения, созданные 26 Апреля 2011 года или позже, представлены в плоском формате, а ответы на них размещены в хронологическом порядке и содержат <quote> тег.
См. также: Flat vs. threaded (англ.)
Действия с сообщениями
- Редакт.
- Вы имеете возможность редактировать ваши предыдущие сообщения, которые Вы создали на форуме.
- В качестве вежливости, Вам предлагается размещать отредактированный текст вашего сообщения в нижней части оригинального текста для сравнения, а также добавить вручную созданный тег редактирования Вашего сообщения, например [редакт. дата редактирования] в верхней строке изменений, которые вносятся.
- Ответить
- Позволяет Вам ответить непосредственно на сообщение. Старые, со вложенным стилем ответы на сообщения не имеют никакого содержимого, новые ответы с плоским стилем, содержат оригинальный текст сообщений, на которые Вы отвечаете, с использованием <quote> тега.
- Удалить
- Позволяет Вам удалить Ваши ранее созданные ответы. Вы не можете удалить Ваше первое главное сообщение, также известное, как оригинальное сообщение, тема или топик. Только сотрудники WOT (Администраторы) и Модераторы могут удалить созданные Вами темы / топики.
- Будьте осторожны, эти действия не могут быть отменены.
Действия модераторов
@ Модераторы:
Будьте очень осторожны во время скрытия сообщений. Один раз скрытое сообщение после перезагрузки страницы исчезает, и обычные пользователи больше не смогут получить к нему доступ.
- Скрыть
- Позволяет Модераторам скрыть сообщение из поля зрения обычных пользователей.
- Один раз «скрыв» сообщение, Вы можете отменить Ваши действия: См. инструкцию ниже.
- Показать
- Быстрое «переключение», чтобы показать сообщение, скрытое Модератором.
- Это доступно только для однажды скрытого сообщения.
Опции сотрудника
- Пометить данное сообщение как от Модератора?
- Модераторы могут заявить о себе, поставив галочку в чекбокс, который сделает их пользовательское имя синим и добавит к нему слово (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>
- Результат:
<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>
- Результат:
- первая линия
- вторая линия
- третья линия
<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 (пиксели) или % (проценты)
- Пример с атрибутом src:
- Пример с атрибутами src, alt, и title:
Пользовательские теги
Пользовательские теги созданы сотрудниками WOT и разрешены для использования на форуме, они не являются истинными HTML-тегами. Некоторые из них взяты из идей, предложенных участниками форума, а некоторые — созданы из-за необходимости.
<red>
- Преобразование цвета текста в красный
- Пример:
Этот цвет — <red>КРАСНЫЙ</red>
- Результат: Этот цвет — КРАСНЫЙ
<green>
- Преобразование цвета текста в зелёный
- Пример:
Этот цвет — <green>ЗЕЛЁНЫЙ</green>
- Результат: Этот цвет — ЗЕЛЁНЫЙ
<yellow>
- Преобразование цвета текста в жёлтый
- Пример:
Этот цвет — <yellow>ЖЁЛТЫЙ</yellow>
- Результат: Этот цвет — ЖЁЛТЫЙ
<massrate>
- Используется, если список состоит из 11 или более доменов
- Уменьшает длину страницы и сообщения путём помещения списка доменов в прокручиваемый контейнер (бокс).
- Пример:
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_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 года, не включают в себя этот тег автоматически во время ответа.
- Пример:
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>
- Результат:
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 |
---|---|---|---|
© | Copyright | © | © |
® | Registered | ® | ® |
™ | Trademark | ™ |
Currency
Символ | Описание | Код HTML | Имя HTML |
---|---|---|---|
$ | US Dollar | $ | |
£ | British Pound | £ | £ |
€ | Euro | € | € |
Punctuation
Символ | Описание | Код HTML | Имя HTML |
---|---|---|---|
& | Амперсанд | & | & |
@ | Собачка | @ | |
: | Двоеточие | : | |
. | Точка | . | |
" | Кавычка | " | " |
Неразрывный пробел |   | |
См. также
Это модифицированная и переведённая на русский язык версия оригинального документа на английском языке.