HTML: Теги
Для того, чтобы дать браузеру информацию о том, как правильно вывести текст, используются специальные элементы, называемые тегами. С помощью тегов можно создать параграф, заголовок, секцию текста, и также быстро менять их.
Одним из основных тегов является параграф. Параграф отделяет участки текста друг от друга, что позволяет пользователям комфортнее читать текст на странице, и обозначается тегом p
(paragraph). Для того, чтобы вставить параграф на страницу, необходимо внутри конструкции <p></p>
вставить текст:
<p>Хекслет — практические курсы по программированию. Мы помогаем новичкам стать профессиональными программистами, а опытным разработчикам получать новые знания и расти профессионально.</p>
Таких параграфов внутри страницы может быть множество — это не уникальный элемент.
<p>Хекслет — практические курсы по программированию.</p>
<p>Мы помогаем новичкам стать профессиональными программистами, а опытным разработчикам получать новые знания и расти профессионально.</p>
Тег p
помимо того, что вставляет текст в некий блок, ещё и добавляет отступы снизу и сверху, для того, чтобы визуально отделить один параграф от другого. Предыдущий пример в браузере будет выглядеть следующим образом:
Хекслет — практические курсы по программированию.
Мы помогаем новичкам стать профессиональными программистами, а опытным разработчикам получать новые знания и расти профессионально.
Обратите внимание, что весь текст лежит внутри конструкций <p></p>
. Такие теги называются парными, и текст в них заключается между открывающим <p>
и закрывающим тегом </p>
. Наличие парных тегов — важная концепция, позволяющая в будущем вкладывать одни теги внутрь других.
Задание
Оберните в тег p
фразу Съешь ещё этих мягких французских булочек, да выпей же чаю и вставьте в редактор
Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.