Переносы строк
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 8 из 60.
В HTML тег <br> используется для создания переноса строки. Этот тег полезен, когда вы хотите начать текст с новой строки без создания нового абзаца. В отличие от тега <p>, который добавляет пустую строку до и после текста, тег <br> просто переносит текст на следующую строку.
Вот как можно использовать тег <br> в HTML:
<p>This is a line.<br>This is another line.</p>В этом примере «This is a line.» и «This is another line.» будут отображены на разных строках внутри одного и того же абзаца. Тег <br> является пустым элементом, что означает отсутствие у него закрывающего тега. Вы просто пишете <br> там, где хотите сделать перенос строки.
Задание
ЛегкоВам дан HTML-документ с абзацем. Используйте перенос строки, чтобы текст выглядел следующим образом:
Hello, world!
This is a new line.Шпаргалка
Тег <br> создает перенос строки, чтобы начать текст с новой строки без создания нового абзаца:
<p>This is a line.<br>This is another line.</p>Тег <br> является пустым элементом и не имеет закрывающего тега.
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<p>Hello, world!This is a new line.</p>
</body>
</html>В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция Header9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2