[ Помогаем новичкам ] Уроки markdown. Пример шаблона статьи.

Заголовок статьи

Заголовок второго уровня

Заключение

Как получилось? Код markdown:

<div class="pull-left">
https://steemitimages.com/DQmWZGu4Pu9fNhGoo33PFR8BqrFGcx5W2abwVBY2JaXmion/image.png
<div class="text-right">Суперадмин 23-го уровня
<br>Выпендривающийся драгосмысл(сверху)
<br><br>
Суперадмин 25-го уровня<br>Позеленевший обормот(справа)
</div>
</div>
<div class="pull-left">
https://steemitimages.com/DQmXFVQjFJBaPeY7hmUBBfEj9vZCoTZxSpFUQWfbtZCBe9H/image.png
</div>
<br><br><br><br><br><br><br><br><br>
<div class="text-justify">Разнообразный и богатый опыт новая модель организационной деятельности создаёт предпосылки качественно новых шагов для дальнейших направлений развития проекта? Таким образом, повышение уровня гражданского сознания обеспечивает широкому кругу специалистов участие в формировании всесторонне сбалансированных нововведений. Дорогие друзья, консультация с профессионалами из IT напрямую зависит от новых предложений.</div>
<h2>Заголовок второго уровня</h2>
<div class="text-justify">Разнообразный и богатый опыт новая модель организационной деятельности создаёт предпосылки качественно новых шагов для дальнейших направлений развития проекта? Таким образом, повышение уровня гражданского сознания обеспечивает широкому кругу специалистов участие в формировании всесторонне сбалансированных нововведений. Дорогие друзья, консультация с профессионалами из IT напрямую зависит от новых предложений.<br></div>
<h2>Заключение</h2>
<div class="text-justify">Разнообразный и богатый опыт новая модель организационной деятельности создаёт предпосылки качественно новых шагов для дальнейших направлений развития проекта? Таким образом, повышение уровня гражданского сознания обеспечивает широкому кругу специалистов участие в формировании всесторонне сбалансированных нововведений. Дорогие друзья, консультация с профессионалами из IT напрямую зависит от новых предложений.</div>

Пояснения к коду:

1. Для текущего шаблона использован небольшой хак с классами, предназначенными для задания обтекания картинки. <div class="pull-left">image_url1</div> и <div class="pull-right">image_url2</div> размещают картинки рядом друг с другом. Вторая картинка больше по высоте специально для того, чтобы слева от неё образовалось пустое пространство под текст.

2.Тег <br> использован для переноса строки. Это необходимо для того, чтобы разместить, последующие после картинок и описаний, параграфы прямо под картинками. Без переносов текст начинает обтекать вторую картинку слева.

1. Для заголовков использованы теги <h1>Заголовок Статьи</h1> и <h2>Заголовок внутренний</h2>

Предыдущие уроки серии [ Помогаем новичкам ] :