Эта тема посвящена всему, что связано с текстом: от базовой разметки до стилизации через CSS. Мы рассмотрим, как создавать абзацы, заголовки, задавать цвет, шрифты, выделять текст и выравнивать его. <h1>Заголовок первого уровня</h1> <h2>Заголовок второго уровня</h2> <p>Это обычный абзац текста. Абзацы помогают разбивать информацию на логические блоки, делая текст удобным для чтения.</p> <p style="color: red;">Этот текст красный благодаря встроенному стилю.</p> <style> .blue-text { color: blue; } </style> <p class="blue-text">Этот текст синий благодаря CSS-классу...

1. Тег p. Изучение тегов для работы с текстом начнем с тега p, при помощи которого создаются абзацы. По умолчанию абзацы начинаются с новой строки и по ширине растягиваются от левого до правого окна браузера, т.е. на всю доступную ширину. Если создать подряд 2 абзаца с текстом, то мы увидим, что между ними расстояние больше, чем между строк внутри абзацев. Кроме того, обратите внимание, что, помимо отступов сверху и снизу между абзацами, мы также нигде не указывали ни размер шрифта, ни его цвет. Соответственно, возникает 2 логических вопроса: какие характеристики у нашего текста на текущий момент и как их можно изменить? Ответ на первый вопрос довольно прост...