Из этой статьи вы узнаете, как вставлять пробелы и разрывы строк в HTML. Поскольку при многократном нажатии пробела вы создадите в своем HTML-коде только один пробел, вам необходимо использовать HTML-теги для вставки более одного пробела за раз.
Шаг
Метод 1 из 3: Использование HTML-кода
![Вставить пробелы в HTML, шаг 1 Вставить пробелы в HTML, шаг 1](https://i.how-what-advice.com/images/007/image-20752-1-j.webp)
Шаг 1. Откройте HTML-документ
Вы можете редактировать HTML-документы с помощью программы для редактирования текста, такой как Блокнот или TextEdit в Windows. Вы также можете использовать редактор HTML, например Adobe Dreamweaver. Выполните следующие действия, чтобы открыть документ HTML.
- Найдите документы HTML в проводнике на компьютере с Windows (или в Finder на Mac).
- Щелкните правой кнопкой мыши документ HTML, который хотите отредактировать.
- Наведите указатель мыши на вариант " Открыть с ”.
- Щелкните программу, которую хотите использовать для редактирования файла.
![Вставить пробелы в HTML, шаг 2 Вставить пробелы в HTML, шаг 2](https://i.how-what-advice.com/images/007/image-20752-2-j.webp)
Шаг 2. Нажмите клавишу пробела, чтобы добавить обычный пробел
Чтобы добавить обычный пробел, щелкните в том месте, где нужно вставить пробел, и нажмите клавишу пробела на клавиатуре. Обычно в HTML отображается только один пробел между словами, независимо от того, сколько раз вы нажимаете клавишу пробела.
![Image Image](https://i.how-what-advice.com/images/007/image-20752-3-j.webp)
Шаг 3. Введите, чтобы принудительно добавить конечные пробелы
Результирующий код известен как неразрывный или фиксированный пробел, потому что он предотвращает разделение строк в том месте, где размещен код.
- Например, введите Всем привет! вставить лишний пробел между словами «Привет» и «Всем!»
- Если вы будете злоупотреблять этими символами, вашему браузеру будет сложно вставлять разрывы строк в аккуратном и удобном для чтения виде.
- Вы также можете ввести, чтобы принудительно вставить пробел.
![Image Image](https://i.how-what-advice.com/images/007/image-20752-4-j.webp)
Шаг 4. Вставьте пробелы разной ширины
Вы можете добавить более длинное пространство, используя один из следующих вариантов:
- Два пробела - Тип
- Четыре пробела - Тип
- Отступ - Тип
Метод 2 из 3: Использование кода CSS
![Вставить пробелы в HTML Шаг 5 Вставить пробелы в HTML Шаг 5](https://i.how-what-advice.com/images/007/image-20752-5-j.webp)
Шаг 1. Откройте документ HTML или CSS
Код CSS можно применить к заголовку документа HTML или записать как внешний документ CSS.
Заголовок HTML-документа находится вверху файла. Этот раздел находится между знаками «» и «»
![Image Image](https://i.how-what-advice.com/images/007/image-20752-6-j.webp)
Шаг 2. Создайте сегмент стиля для кода CSS
Сегмент стиля необходимо добавить в заголовок HTML-кода или в отдельную таблицу стилей. Используйте следующие флаги для создания сегментов стиля в документах HTML или отдельных таблицах стилей.
- Введите, чтобы открыть сегмент стилей. Весь код CSS необходимо добавить после этой отметки.
- Введите, чтобы закрыть сегмент стиля. Перед этой закрывающей меткой необходимо ввести весь код CSS.
![Image Image](https://i.how-what-advice.com/images/007/image-20752-7-j.webp)
Шаг 3. Введите в сегмент стиля следующее: p {text-indent: 5em;}. Этот флаг указывает браузеру делать отступ в пять пробелов при добавлении в соответствующий HTML-код.
- Вы можете настроить количество или ширину пробелов, введя другое число после кода «text-indent:».
- Единица «em» эквивалентна одному пробелу с указанным или применимым размером шрифта. Вы можете использовать другие единицы измерения, такие как проценты (например, «text-indent: 15%;») или единицы длины (например, «text-indent: 3mm;»).
![Image Image](https://i.how-what-advice.com/images/007/image-20752-8-j.webp)
Шаг 4. Тикка
на той части, в которой вы хотите сделать отступ.
Этот знак необходимо добавить в тело HTML перед текстом, в котором вы хотите сделать отступ. После этого к тексту будет добавлен отступ согласно спецификациям, указанным в коде CSS.
Метод 3 из 3: Использование предварительно отформатированного текста
![Вставить пробелы в HTML Шаг 9 Вставить пробелы в HTML Шаг 9](https://i.how-what-advice.com/images/007/image-20752-9-j.webp)
Шаг 1. Откройте HTML-документ
Вы можете редактировать HTML-документы с помощью программы для редактирования текста, такой как Блокнот или TextEdit в Windows. Вы также можете использовать редактор HTML, например Adobe Dreamweaver. Выполните следующие действия, чтобы открыть документ HTML.
- Найдите документы HTML в проводнике на компьютере с Windows (или в Finder на Mac).
- Щелкните правой кнопкой мыши документ HTML, который хотите отредактировать.
- Наведите указатель мыши на вариант " Открыть с ”.
- Щелкните программу, которую хотите использовать для редактирования файла.
![Image Image](https://i.how-what-advice.com/images/007/image-20752-10-j.webp)
Шаг 2. Введите
перед текстом, который нужно отформатировать.
Код представляет собой предварительно отформатированный токен открытия текста.
![Image Image](https://i.how-what-advice.com/images/007/image-20752-11-j.webp)
Шаг 3. Введите желаемый текст после"
".
При предварительном форматировании все пробелы и разрывы строк, созданные с помощью клавиши «Enter», будут отображаться на странице HTML.
![Image Image](https://i.how-what-advice.com/images/007/image-20752-12-j.webp)
Шаг 4. Введите после текста.
Отформатированный текстовый сегмент закончится.
подсказки
- Если на вставленном вами пространстве появляются странные символы в вашем браузере, возможно, это вызвано дополнительными данными в формате программы обработки текста, которые не должны отображаться в Интернете. Вы можете предотвратить появление символа, набрав код в программе редактирования обычного текста, такой как Блокнот или TextEdit.
- CSS - это более сложный и предсказуемый язык таблиц стилей для разработки элементов на веб-страницах, включая интервалы между текстом.
- Фиксированный пробел (неразрывный пробел)
- является примером символьной сущности, кода, который относится к символу, который вы не можете ввести с клавиатуры.
Предупреждение
-
HTML-символы для табуляции
- работает не так, как вы могли ожидать. Стандартные HTML-документы не имеют табуляции, поэтому эти символы не будут работать.
- Всегда пишите свой HTML-код в редакторе кода или в текстовом файле, а не в формате текстового редактора (например, Word).