Как вставить пробелы в HTML

В этой статье мы расскажем вам, как вставить пробелы и разрывы строк в HTML-файл. Даже если вы несколько раз нажмете на пробел, в HTML-файле появится только один пробел, поэтому понадобятся теги, если вы хотите вставить сразу несколько пробелов.

Метод 1

Метод 1 из 3:

HTML

Загрузить PDF

1
Откройте документ HTML. Это можно сделать в обычном текстовом редакторе, например в Блокноте или TextEdit в Windows. Также можно воспользоваться редактором HTML-файлов, к примеру, Adobe Dreamweaver. Чтобы открыть документ HTML:
- Перейдите к документу HTML в Проводнике (Windows) или в Finder (macOS).
- Щелкните правой кнопкой мыши по нужному документу HTML.
- Наведите курсор на «Открыть с помощью».
- Выберите программу, в которой хотите редактировать документ.
Установите курсор там, куда хотите вставить пробел, а затем нажмите на клавишу «Пробел». В HTML между словами отобразится только один пробел, даже если вы несколько раз нажмете на пробел.
3
Введите  , чтобы добавить дополнительный пробел. Он называется неразрывным пробелом, потому что не позволяет перейти на новую строку.^{[1]XИсточник информации}
- К примеру, если вы введете Привет   всем, между словами «Привет» и «всем!» будет вставлен дополнительный пробел.
- Имейте в виду, что чрезмерное число неразрывных пробелов не позволит браузеру делать разрывы строк в нужных местах, что затруднит чтение текста.^{[2]XИсточник информации}
- Также можно ввести  , чтобы вставить пробел.
4
Вставьте пробелы разной длины. Если вы хотите вставить более длинный пробел, используйте одну из следующих опций:^{[3]XИсточник информации}
- Два пробела — введите &ensp;
- Четыре пробела — введите &emsp;
- Отступ (интервал табуляции) — введите     
Реклама

Метод 2

Метод 2 из 3:

CSS

Загрузить PDF

1
Откройте документ HTML или CSS. CSS-код можно вставить в заголовок HTML-документа или сохранить как внешний CSS-файл.
- Заголовок HTML-документа находится вверху файла между тегами "<head>" и "</head>".
2
Создайте раздел стиля для CSS. Раздел стиля находится в начале HTML-кода или в отдельной таблице стилей. Используйте следующие теги, чтобы создать раздел стиля в документе HTML или в таблице стилей.
- Введите <style>, чтобы открыть раздел стиля. Весь CSS-код будет идти после этого тега.
- Введите </style>, чтобы закрыть раздел стиля. Весь CSS-код должен быть расположен до этого закрывающего тега.
3
Введите следующий тег в разделе стиля: p {indent-text: 5em;} Так вы укажете браузеру, что он должен создать отступ в 5 пробелов (в правильном HTML-коде).
- Чтобы задать количество пробелов, измените число после «indent-text:».
- Элемент «em» соответствует одному пробелу с указанным размером шрифта. Можно использовать другие единицы измерения, например, проценты («Indent-text: 15%;») или миллиметры («Indent-text: 3mm;»).
Сделайте это внутри HTML-документа там, где хотите сделать отступ. В текст будет вставлен отступ, соответствующий спецификациям CSS.
Реклама

Метод 3

Метод 3 из 3:

Предварительно отформатированный текст

Загрузить PDF

1
Откройте документ HTML. Это можно сделать в обычном текстовом редакторе, например, в Блокноте или TextEdit в Windows. Также можно воспользоваться редактором HTML-файлов, к примеру, Adobe Dreamweaver. Чтобы открыть документ HTML:
- Перейдите к документу HTML в Проводнике (Windows) или в Finder (macOS).
- Щелкните правой кнопкой мыши по нужному документу HTML.
- Наведите курсор на «Открыть с помощью».
- Выберите программу, в которой хотите редактировать документ.
Введите <pre> перед текстом, который хотите предварительно отформатировать. Это открывающий тег для предварительно отформатированного текста.
При предварительном форматировании текста все пробелы и разрывы строк, созданные нажатием «Enter», будут отображаться на странице HTML.^{[4]XИсточник информации}
Это закрывающий тег для предварительно отформатированного текста.
Реклама

Советы

Если в браузере пробелы отображаются как непонятные символы, это, скорее всего, связано с дополнительными данными; они хранятся в формате обработки текста и не отображаются на экране. Чтобы избежать этого, работайте в обычном текстовом редакторе, к примеру, в Блокноте или TextEdit.
CSS является гораздо более мощным и предсказуемым способом создания разметки веб-страницы, включая расстояние между словами.
Неразрывный пробел   — это пример символьной сущности; она является кодом, который ссылается на символ, который нельзя ввести с клавиатуры.

Предупреждения

HTML-символ для Tab ↹ (табуляции) 	 работает не так, как многие думают. В обычном HTML-файле нет позиций табуляции, поэтому ввод этого символа ничего не даст.
Вводите HTML-код в редакторе кодов или в обычном текстовом файле, а не в мощном текстовом редакторе.