Небольшая инструкция по разметке постов и html

+31
в блоге /dev/tabun
Было принято решение написать небольшую инструкцию по разметке в блоге, так как у некоторых пользователей возникали трудности. Данный пост будет пополняться с появлением новых вопросов.

В постах блогов для разметки используются 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>
Получим:
  1. Первый элемент
  2. Второй элемент
  3. Третий элемент
Ненумерованные:
<ul>
<li>Первый элемент</li>
<li>Второй элемент</li>
<li>Третий элемент</li>
… Любое количество строк…
</ul>
Получим:
  • Первый элемент
  • Второй элемент
  • Третий элемент
<blockquote>
Делает текст цитатой.
<blockquote>Это цитата.</blockquote> получим:
Это цитата.

<spoiler>
Делает текст спойлером:
<spoiler title='Это спойлер'>Текст спойлера</spoiler> получим:
Текст спойлера
<code>
Делает текст "кодом".
<code>Это код.</code> получим:
Это Код.

Код выводится визуально выделенным, и в нём не действуют другие html теги.
<video>
Позволят вставлять видео.
<video>Здесь ссылка на видео</video> в результате будет вставленное видео.
<img>
Позволяет вставлять изображения.
После нажатия кнопки появляется дополнительное окно где необходимо ввести ссылку на изображения (она должна начинаться с заголовка http://, https:// и т.д.) Выбрать выравнивание изображения. А так же по желанию описание изображения
<cut>
Необходим для разрезания поста.
Часть сообщения выше тега будет выведена в ленте блогов. А целиком сообщение будет выведено в режиме просмотра сообщения.

Теги: ,

  • В избранное
    5

35 комментариев

Что-то я себя виноватым чувствую… В любом случае — СПАСИБО БОЛЬШОЕ!!!
SmileMV
0
Эдакая мини-шпаргалка. :) Хотя HTML и учится за раз, но тем не менее полезно иметь под рукой такую штуку, особенно если вдруг что призабудешь. Спасибо!
Orhideous
0
оч полезная штука спс
HastieQuad
0
Вставка видео возможна 2 способами:

Первый.
Быстро и надёжно.
<video>http://www.youtube.com/watch?v=FqjKLRzA30g</video>



Второй.
Больше плюшек и фич.
<embed src="http://www.youtube.com/v/FqjKLRzA30g?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360"></embed></embed>

Orhideous
0


во! наконец то в комментах! Трепещите брони!
HastieQuad
0
а я что-то не могу понять: зачем Http? как загрузить картинки с компа??
ArianaMirrein
0
Загружай на Http://radikal.ru и там уже через выданную ссыфклу. А зачем… Ну это вроде как один из 2-х способов общения клиента и Веб-сервера. Как язык. (хота что значит КАК?!)
GarfID
0
Грациас
KronosV
0
Блин, нифига не выходит.Один раз вышло, в другой-комментарии пусты
KronosV
0
спасибо, очень пригодится
dannissa
0
kaliala
0

Вроде получилось
kaliala
0
Сдаюсь.
Табун научи вставлять нормально картинку.
kaliala
0
<img src="прямая-ссылка-на-картинку">

<img src="ponypic.com/?v=E8nvu.jpg">

Например
PinkiePie
+1
Я кривой:
<img src="http://ponypic.com/i/E8nvu.jpg">

Прямая ссылка
PinkiePie
+1


Всё было верно, разве, что ссылка была не прямая.
Спасибо всё равно.
kaliala
0
проба №1
цок
<img src="
korryamber
0
проба №2
korryamber
0
проба №3
korryamber
0
С понипика надо брать прямые ссылки ponypic.com/i/uAVtT.png (внизу после загрузки есть строка)
Fennec
0
Это вроде понял, первая проба была наиболее правильной, только почему вылезло img src перед картинкой не понял…
korryamber
0
Способ номер раз:
Флаттершай

Способ номер двас:
Флаттершай

Способ номер трис:
img.ponibooru.org/_images/134875debd48615f94669aadca680baf/116987%20-%20artist%3Aainashadox%20fluttershy.jpg
Calcaris
0
Чёж этот сайт так не дружит с файрфоксом…
Calcaris
0
2 и по подробнее пожалуйста
mark_satir
0
тестё текст
mark_satir
0
текст
тоже текст
mark_satir
0
Надо запомнить…
DruidOST
0
Автор запретил добавлять комментарии
Скрыто Показать