Небольшая инструкция по разметке постов и html
Было принято решение написать небольшую инструкцию по разметке в блоге, так как у некоторых пользователей возникали трудности. Данный пост будет пополняться с появлением новых вопросов.
В постах блогов для разметки используются html теги.
Список основных html тегов:
<b>
Делает текст жирным, пример использования: <b>Текст<b/> получим Текст
<i>
Делает текст курсивным, пример: <i>Текст<i/> получим Текст
<u>
Делает текст подчёркнутым, пример: <u>Текст<u/> получим Текст
<s>
Делает текстзачёркнутым, пример: <s>Текст<s/> получим Текст
<a>
Вставляет ссылку на сайт: ЕП
После нажатия появляется дополнительное окно. Куда надо вставить ссылку на сайт.(она должна начинаться с заголовка http://, https:// и т.д.)
После этого в тексте появятся сам тег вида: <a href="http:⁄⁄everypony.ru"</a>
Где между >< надо вставить описание ссылки: <a href="http:⁄⁄everypony.ru">Сайт ЕП</a>
Кроме того возможно использование быстрой вставки ссылки: просто оставить в сообщение текст ссылки: http:⁄⁄everypony.ru в результате будет: everypony.ru
Списки
В блоге поддерживаются два типа списков: Нумерованные(ol) и ненумерованные(ul).
Нумерованные:
<ol>
<li>Первый элемент</li>
<li>Второй элемент</li>
<li>Третий элемент</li>
… Любое количество строк…
</ol>
Получим:
<ul>
<li>Первый элемент</li>
<li>Второй элемент</li>
<li>Третий элемент</li>
… Любое количество строк…
</ul>
Получим:
Делает текст цитатой.
<blockquote>Это цитата.</blockquote> получим:
<spoiler>
Делает текст спойлером:
<spoiler title='Это спойлер'>Текст спойлера</spoiler> получим:
Текст спойлера
<code>
Делает текст "кодом".
<code>Это код.</code> получим:
Код выводится визуально выделенным, и в нём не действуют другие html теги.
<video>
Позволят вставлять видео.
<video>Здесь ссылка на видео</video> в результате будет вставленное видео.
<img>
Позволяет вставлять изображения.
После нажатия кнопки появляется дополнительное окно где необходимо ввести ссылку на изображения (она должна начинаться с заголовка http://, https:// и т.д.) Выбрать выравнивание изображения. А так же по желанию описание изображения
<cut>
Необходим для разрезания поста.
Часть сообщения выше тега будет выведена в ленте блогов. А целиком сообщение будет выведено в режиме просмотра сообщения.
В постах блогов для разметки используются html теги.
Список основных html тегов:
<b>
Делает текст жирным, пример использования: <b>Текст<b/> получим Текст
<i>
Делает текст курсивным, пример: <i>Текст<i/> получим Текст
<u>
Делает текст подчёркнутым, пример: <u>Текст<u/> получим Текст
<s>
Делает текст
<a>
Вставляет ссылку на сайт: ЕП
После этого в тексте появятся сам тег вида: <a href="http:⁄⁄everypony.ru"</a>
Где между >< надо вставить описание ссылки: <a href="http:⁄⁄everypony.ru">Сайт ЕП</a>
Кроме того возможно использование быстрой вставки ссылки: просто оставить в сообщение текст ссылки: http:⁄⁄everypony.ru в результате будет: everypony.ru
Списки
В блоге поддерживаются два типа списков: Нумерованные(ol) и ненумерованные(ul).
Нумерованные:
<ol>
<li>Первый элемент</li>
<li>Второй элемент</li>
<li>Третий элемент</li>
… Любое количество строк…
</ol>
Получим:
- Первый элемент
- Второй элемент
- Третий элемент
<ul>
<li>Первый элемент</li>
<li>Второй элемент</li>
<li>Третий элемент</li>
… Любое количество строк…
</ul>
Получим:
- Первый элемент
- Второй элемент
- Третий элемент
Делает текст цитатой.
<blockquote>Это цитата.</blockquote> получим:
Это цитата.
<spoiler>
Делает текст спойлером:
<spoiler title='Это спойлер'>Текст спойлера</spoiler> получим:
<code>
Делает текст "кодом".
<code>Это код.</code> получим:
Это Код.
Код выводится визуально выделенным, и в нём не действуют другие html теги.
<video>
Позволят вставлять видео.
<video>Здесь ссылка на видео</video> в результате будет вставленное видео.
<img>
Позволяет вставлять изображения.
<cut>
Необходим для разрезания поста.
Часть сообщения выше тега будет выведена в ленте блогов. А целиком сообщение будет выведено в режиме просмотра сообщения.
35 комментариев
Первый.
Быстро и надёжно.
Второй.
Больше плюшек и фич.
во! наконец то в комментах! Трепещите брони!
тест
Вроде получилось
Табун научи вставлять нормально картинку.
Всё было верно, разве, что ссылка была не прямая.
Спасибо всё равно.
Способ номер двас:
Способ номер трис:
img.ponibooru.org/_images/134875debd48615f94669aadca680baf/116987%20-%20artist%3Aainashadox%20fluttershy.jpg