98 подписчиков

Как написать какой-либо текст в html-страницу и оформить его, что-бы он отображался в браузере

В принципе, в редакторе можно написать какой-либо произвольный или осмысленный текст и сохранить его в файл с расширением ".html" (в нашем случае - это "index.html"):

В редакторе написали простой текст и сохранили в файл с именем "index.html"
В редакторе написали простой текст и сохранили в файл с именем "index.html"

затем открыть этот .html в браузере. И что мы увидим?

Мы увидили текст который написали в редакторе
Мы увидили текст который написали в редакторе

- "Граждане, так что-же это получается нас дурят что-ли"?

- "Та не всё нормально...", - просто так делать не то, что-бы нельзя, так делать просто нерекомендуется, такой текст будет отображаться в браузере, но без тэгов он будет выглядеть, как простой текст без всякого формата (оформления).

А какие тэги нужны для оформления текста?

Ну например тэг заголовка, ведь любому тексту нужен какой-нибудь заголовок.

Тэги для оформления заголовков
Тэги для оформления заголовков

Так-же тексты состоят из обзацев. Тэг для оформления абзаца: <p>Абзац</p>

И так, можно оформить текст в редакторе следующим образом:

Добавление к тексту тэгов заголовка и озфца
Добавление к тексту тэгов заголовка и озфца

сохраняем проделаную работу в файл: "index.html".

И, что мы увидим в браузере после того, как засунем наш "index.html" в браузер?

Текст в браузере после его оформления тэгами
Текст в браузере после его оформления тэгами

Ух-ты, нормально так-то оформило...

Если нужно разорвать текст в абзаце или даже вне абзаца и написать с новой строки, то используется тэг <br>.

Если нужно нарисовать горизонтальную линию на всю ширину страницы, то используется тэг <hr>.

Но это ещё не всё. Самое красивое оформление получается при оформлении стилями. Что это такое, нам предстоит ещё разобраться когда мы приступим к изучению стилей. А сейчас пока разберёмся с тэгами HTML.