RUS-ART ГАЛЕРЕИМАГАЗИННОВОСТИ
ИЗДАНИЯГЕРАЛЬДИКАИМЕНА
ВЫСТАВКИПРОЕКТЫФОРУМ
поэзия-проза
искусствоведение
живопись
графика
скульптура
дизайн
фотография
подиум
художественные ВУЗы
театрально-
декорационное
искусство
иконопись
компьютерная графика
галереи
коллекционеры
декоративно-
прикладное искусство


Синтаксис записи сообщений и комментариев

Оглавление

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

Для более качественного оформления можно использовать некоторые HTML-теги, а именно: <p>, <br>, <cite>, <em>, <i>, <strong>, <b>, <font color=...>, <sub>, <sup>, <samp>, <code>, <img...>, <a...>, а также специальные символы HTML, описываемые комбинациями вида &xxxx; . Ниже кратко описывается использование таких тегов, а также некоторые их особенности в рамках данного форума.
 

HTML-теги, доступные для использования в форуме

Если Вы знакомы с HTML, Вы можете пропустить этот и следующий разделы и перейти сразу к разделу "Автоматическая верификация и коррекция HTML". Информацию, приведенную ниже, Вы можете также найти в любом популярном учебнике или справочнике по HTML.

HTML-тег - это некоторый текст, заключенный в угловые скобки < >. Текст тега начинается с имени тега, за которым может следовать несколько атрибутов. Атрибут имеет вид
        имя="xxxx"
где "имя" - название атрибута, а "xxxx" - заключенное в двойные кавычки значение атрибута.

Например, тег
        <p align="center">
означает, что последующий текст представляет собой независимый параграф (отделенный от предыдущего текста довольно большим пробелом), который следует центрировать по горизонтали. Здесь "p" - имя тега, "align" - название атрибута, "center" - значение атрибута. Центрирование задается атрибутом "align".

Многие теги должны сопровождаться последующими закрывающими тегами, отмечащими конец действия тега. Для тега с именем nnn закрывающий тег имеет вид </nnn>. Среди тегов, разрешенных для использования в форуме, в закрывающих тегах нуждаются все теги, кроме <img>, <p> и <br>.

Например, запись
        <font color="Red">некоторый текст</font> другой текст
означает, что текст между <font color="Red"> и </font> будет выведен красным цветом:
        некоторый текст другой текст

Далее кратко описаны HTML-теги и атрибуты, которые допускается использовать в сообщениях форума.
 

<p...> - начало нового параграфа

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

         ... Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст
<p>Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст ...

будет выведено так:

        ... Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст

Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст ...

Концом каждого параграфа считается начало следующего. В конце параграфа, перед следующим <p>, можно - но не обязательно - указать закрывающий тег </p>.

При теге <p...> можно указывать атрибут align, описывающий горизонтальное выравнивание параграфа. Допустимые значения:
        align="center": выравнивание по центру;
        align="right": выравнивание вправо.
(По умолчанию, текст выравнивается влево.) Например,

        ... Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст
<p align="right">Подпись</p>

будет выведено так:

        ... Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст

Подпись

Важное замечание. Рассмотренные далее теги <em>, <i>, <strong>, <b>, <font color=...>, <sub>, <sup>, <samp>, <code> должны закрываться (парным закрывающим тегом) внутри того же параграфа, в котором они были открыты. Например, такой пример корректен:

         ... Некоторый текст <em>Некоторый курсив</em>
<p><em>Некоторый курсив</em> Последующий текст ...

а такой нет:

        ... Некоторый текст <em>Некоторый курсив
<p>Некоторый курсив</em> Последующий текст ...
 

<br> - переход на новую строку

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

        ... Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст<br>Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст ...

будет выведено так:

         ... Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст
Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст Последующий текст  ...

При работе с данным форумом Вам не понадобится писать тег <br> вручную: он добавляется автоматически перед каждым сделанным Вами переходом на новую строку. Так, если Вы наберете в редакторе

        Некоторое предложение
Другое предложение

то в действительности будет опубликован такой HTML-текст:

         Некоторое предложение<br>
Другое предложение

В порядке исключения, такая замена не производится, если первым символом следующей строки является начало нового параграфа - тег <p...>.

<cite> - цитата

При написании сообщения или комментария часто бывает нужно процитировать другое сообщение. Для выделения цитаты можно использовать теги <cite>...</cite>. Например:
        <cite>некоторый текст</cite> другой текст
выглядит как
        некоторый текст другой текст

<em>, <i> - выделение курсивом

Текст между парой тегов <em>...</em> выделяется курсивом. Например:
        <em>некоторый текст</em> другой текст
выглядит как
        некоторый текст другой текст

Тег <i> по смыслу аналогичен <em>. Между ними, однако, существует тонкое различие, делающее тег <em> более предпочтительным.

А именно, тег <em>, согласно стандарту HTML, означает только то, что текст внутри <em>...</em> необходимо как-то подчеркнуть, акцентировать на нем внимание. Такой тег понятен, например, голосовому броузеру, читающему вслух содержимое Web-страницы: такой броузер произнесет выделенное слово или группу слов с ударением (emphasis).

В то же время, тег <i> всегда означает именно курсив (italic). Тот же голосовой броузер может просто проигнорировать этот тег.
 

<strong>, <b> - выделение жирностью

Текст между парой тегов <strong>...</strong> выделяется большей жирностью. Например:
        <strong>некоторый текст</strong> другой текст
выглядит как
        некоторый текст некоторый другой текст

Тег <b> по смыслу аналогичен <strong>. Отличие между <strong> и <b> такое же, как между <em> и <i>. В большинстве случаев, рекомендуется использовать тег <strong>.
 

<font color=...> - выделение цветом

Текст между парой тегов <font color="xxx">...</font> выделяется цветом "xxx". Например:
        <font color="Red">некоторый текст</font> другой текст
выглядит как
        некоторый текст другой текст

В качестве "xxx" можно указывать следующие названия цветов (регистр букв не имеет значения): Black, Navy, Green, Teal, Maroon, Purple, Olive, Gray, Silver, Blue, Lime, Aqua, Red, Fuchsia, Yellow , White. Можно также указать шестнадцатиричное описание цвета в компонентах RGB (Red-Green-Blue, Красный-Зеленый-Синий) следующим образом: <font color="#RRGGBB">. Здесь RR - шестнадцатиричная запись красной компоненты цвета, GG - зеленой компоненты, BB - синей компоненты. Например, "#FF0000" означает чисто красный цвет, "#808000" - смесь темно-красного и темно-зеленого, т.е. оливковый.
 

<small>, <big> - уменьшенный/увеличенный шрифт

Текст между парой тегов <small>...</small> выводится более мелким шрифтом. Например:
        <small>некоторый текст</small> другой текст
выглядит как
        некоторый текст другой текст

Аналогично, текст между парой тегов <big>...</big> выводится более крупным шрифтом. Например:
        <big>некоторый текст</big> другой текст
выглядит как
        некоторый текст другой текст
 

<sub>, <sup> - нижний и верхний индексы

Текст между парой тегов <sub>...</sub> оформляется как нижний индекс. Например:
        A<sub>5</sub>
выглядит как
        A5

Аналогично, текст между парой тегов <sup>...</sup> оформляется как верхний индекс. Например:
        A<sup>5</sup>
выглядит как
        A5
 

<samp>, <code> - примеры чего-либо, набранные моноширинным шрифтом

Текст между парой тегов <samp>...</samp> выводится моноширинным шрифтом. Например,

        <samp>Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст</samp>

будет выглядеть так:

        Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст Некоторый текст

Это удобно для вставки цитат или примеров, взятых из каких-нибудь других текстов.

Теги <code>...</code> аналогичны по действию, но предназначены прежде всего для вставки примеров программ или скриптов.
 

<img...> - вставка изображения

Позволяет вставлять изображения в Ваше сообщение. Такая возможность требует от Вас, чтобы изображение было уже размещено (опубликовано) в формате JPG, GIF или PNG на каком-либо общедоступном Web-сайте - например, Вашем собственном. Если у Вас еще нет собственного Web-сайта, нет никаких проблем его организовать: к Вашим услугам множество бесплатных серверов, позволяющих публиковать свои Web-страницы (и, конечно, изображения). Некоторые примеры таких серверов:
        www.xoom.com
        www.tripod.com
        www.fortunecity.com
        www.i-connect.ru
Мы можем взять на себя публикацию Вашего изображения на нашем Web-сайте. Для этого просто отправьте изображение (или серию изображений) на e-mail адрес forum@siams.com; мы ответим Вам, по какому Internet-адресу можно найти это изображение. Допускаются любые популярные графические форматы: мы сами выполним необходимые преобразования. Вы можете также сопроводить изображение текстом сообщения, которое Вы хотите добавить в форум.

Если Вы располагаете изображением, опубликованным на Web-сайте, то для его вставки в Ваше сообщение используется следующий синтаксис:
        <img src="http://xxxx" width="nnn" height="nnn">,
где xxxx - полный Internet-адрес Вашего изображения, width и height - ширина и высота изображения в пикселах. Атрибуты width и height не обязательны, но желательны: при их наличии загрузка страницы с Вашим сообщением будет выглядеть несколько изящнее. (При отсутствии width и height броузер вначале покажет Вашу картинку в виде маленькой иконки, которая после полной загрузки изображения увеличится до настоящих размеров, "раздвинув" окружающий текст.)

Пример:
        <img src="http://siams.com/root/forum/forum.jpg" width="170" height="170">
выглядит так:

       

Если Вы хотите вставить большое изображение - например, 500x500 пикселов или более - мы рекомендуем сделать для него уменьшенную версию (например, 200x200) и использовать для вставки несколько более сложный способ:

         <a href="http://адрес_полной_версии"><img src="http://адрес_уменьшенной_версии" width="nnn" height="nnn"></a>

При таком способе, уменьшенная картинка будет гипертекстовой ссылкой на полную версию изображения: щелчок мышки по ней будет открывать полную версию. Подробнее о теге <a...> см. ниже.

Кроме width и height, в теге <img...> можно использовать следующие атрибуты.

  • alt="некоторый текст": этот текст появится вместо картинки, если пользователь отключил визуализацию картинок в своем броузере, или если броузер не поддерживает графику (например, голосовой броузер). Кроме того, в современных броузерах этот текст будет "всплывать" при наведении мышки на изображение.
  • title="некоторый текст": в некоторых броузерах, этот текст "всплывает" при наведении мышки на изображение. (Если одновременно указан атрибут "alt", то "всплывать" будет текст из атрибута "title".) Гарантированно работает только в Microsoft Internet Explorer начиная с версии 4.0.
  • border="некоторое число": организует простейшую рамку вокруг изображения указанной толщины. Такая рамка по умолчанию появляется вокруг изображения, если оно помещено внутрь тега <a...>; обычно данный атрибут используется (со значением 0) для отмены такой рамки.
  • hspace="некоторое число", vspace="некоторое число": эти атрибуты обеспечивают отступы по краям изображения, hspace - слева/справа, vspace - сверху/снизу.
  • align="xxx", возможные варианты: "absbottom", "absmiddle", "baseline", "bottom", "left", "middle", "right", "texttop", "top". Управляет выравниванием изображения относительно окружающего текста. Особый интерес представляют значения "left" и "right", размещающие изображение вблизи левого/правого края страницы и заставляющие текст "обтекать" изображение. Остальные варианты проще всего уяснить себе, немного поэкспериментировав с ними.
     

<a...> - ссылка на другую Web-страницу

Позволяет организовать гипертекстовую ссылку на другой Web-сайт. Синтаксис:
        <a href="http://xxxx">название ссылки</a>
где xxxx - адрес сайта или конкретной Web-страницы. Например, запись

         ...Остальную информацию можно найти на <a href="http://siams.com/root/products/ahp/packer.htm">главной странице утилиты AHP</a>...

организует ссылку на главную страницу упаковщика Web-страниц AlgART HTML Packer, размещенную на сайте siams.com:

        ...Остальную информацию можно найти на главной странице утилиты AHP...

Кроме обязательного атрибута "href", тег <a...> может иметь дополнительный атрибут "title". Значение атрибута - это некоторый текст, который будет "всплывать" при наведении мышки на ссылку. Этот атрибут воспринимается не всеми броузерами; гарантированно он работает только в Microsoft Internet Explorer начиная с версии 4.0. В любом случае, вреда от него не будет. Например:

        ...на фирменном сайте корпорации <a href="http://www.microsoft.com" title="Щелкните по этой ссылке для перехода на сайт Microsoft">Microsoft</a>...

Алгоритм форума автоматически добавляет ссылки для всех выражений вида "http://некоторый_адрес", которые Вы написали в тексте сообщения. Например, если Вы наберете в редакторе

        Вы можете найти более подробную информацию по адресу http://pupkin.ru

то в действительности будет опубликовано:

        Вы можете найти более подробную информацию по адресу <a href="http://pupkin.ru">http://pupkin.ru</a>
 

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

Некоторые символы нельзя использовать в тексте сообщения напрямую. Например, нельзя использовать знаки < и >  (они зарезервированы для обозначения HTML-тегов), а также символы & и ". Если все же возникает необходимость вставить в сообщение такой символ, для этого нужно использовать специальную комбинацию:
        < кодируется как "&lt;"
        > кодируется как "&gt;"
        & кодируется как "&amp;"
        " кодируется как "&quot;"

Подобные комбинации можно использовать для ввода некоторых специальных символов. В частности:
        "&copy;" означает знак авторского права ©
        "&sect;" означает знак параграфа §
        "&nbsp;" означает неразрывный пробел - в процессе автоматического форматирования броузер никогда не разделяет слова, между которыми стоит неразрывный пробел. Типичный пример: "Автор В.&nbsp;Пупкин".

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

Автоматическая верификация и коррекция HTML

При добавлении сообщения введенный Вами HTML-текст автоматически верифицируется. Все теги и атрибуты, кроме описанных выше, исключаются. Перед каждым переходом на новую строку добавляется тег <br> (см. подробнее), фрагменты вида http://xxxx преобразуются в ссылки (см. подробнее).

Если Вы забыли закрыть какой-нибудь тег, нуждающийся в парном закрывающем теге (например, написали <font color="Red">..., но забыли добавить </font>), соответствующий тег автоматически добавляется в конец текста.

Если Вы набрали последовательно несколько пробелов - например, для организации отступа - все пробелы, кроме последнего, заменяются специальным символом неразрывного пробела (&nbsp;). (Если этого не сделать, цепочка пробелов будет воспринята как один пробел - таковы требования стандарта HTML.)

Если Вы использовали двойные кавычки в своем тексте, они автоматически заменяются на правильную комбинацию: &quot; (см. "Специальные символы HTML").