Как писать статью на html?

Question

[OwerFan]

Здравствуйте! Подскажите, пожалуйста, материал где можно прочитать как правильно писать составлять структуру статьи на html.(Использую бутстрап, нужно статью написать). Никогда не делал подобного, но понадобилось статью написать. И заодно уж спрошу как сделать в начале статьи вот так. Это первое как я понимаю h1 А вот под ним, этот подзаголовок как сделать?

Comments

[Ярослав Александров]

это называется вёрстка, используются теги заголовка H1, потом подзаголовок, например тег span, ему задаётся стиль с помощью css, далее идёт текст в теге <p>

[posters]

Если стоит цель оформить текст так, чтобы он стал пригодным для публикации в вебе, то смотрите в сторону не бутстрап, а markdown. Он специально для этого создавался. Если стоит цель не просто сделать текст пригодным для веба, а подготовить его максимально правильно с учетом всех правил типографики, то бутстрапом тем более пользоваться не стоит. В последнем случае смотрите в сторону чистого css.

Answer 1

[Никита Михайлов]

Заголовки должны идти последовательно. Можете посмотреть эту статью.

«Инструкция 1» — это заголовок h1. <h1>Инструкция 1</h1>
«Подготовка оборудования» — заголовок h2. <h2>Подготовка оборудования</h2>

С учётом центрирования вам надо будет добавить класс text-center. Получится примерно так

<h1 class="text-center">Инструкция 1</h1>
<h2 class="text-center">Подготовка оборудования</h2>

Текст обрамляйте в теги параграфов <p></p>
Все списки обрамляйте в нужные теги. <ol></ol>(нумерованный список) или <ul></ul>(ненумерованный список)

Внутри списков сами пункты обрамляются в <li></li>

<ul>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
</ul>

Я бы вставил ссылку на бесплатные курсы, но этот сайт тут запрещён -_-. Просто введите в поисковик «Разметка текста HTML» и найдёте множество информации. Или можете найти Code Basics

Вначале этого будет достаточно. Посмотрите базовые структуры разметки текста.

Comments

[Karpion]

Простите, а где можно посмотреть список запрещённых сайтов? И кто их запретил?

[Никита Михайлов]

В случае с Code Basics администрация запретила вставлять ссылку. Кто-то давно видимо заспамил им и сайт попал в чёрный список. Ну тут уж я ничего не могу поделать, как не могу и давать на него ссылку

Answer 2

[xmoonlight]

Можно вот тут потренироваться теги поучить параллельно с написанием вашей доки.