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

Загрузить PDF
Соавтор(ы): Jessica Andzouana

Загрузить PDF

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

Метод 1
Метод 1 из 3:

HTML

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/12\/Insert-Spaces-in-HTML-Step-1-Version-4.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/12\/Insert-Spaces-in-HTML-Step-1-Version-4.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Это можно сделать в обычном текстовом редакторе, например в Блокноте или TextEdit в Windows. Также можно воспользоваться редактором HTML-файлов, к примеру, Adobe Dreamweaver. Чтобы открыть документ HTML:
    • Перейдите к документу HTML в Проводнике (Windows) или в Finder (macOS).
    • Щелкните правой кнопкой мыши по нужному документу HTML.
    • Наведите курсор на «Открыть с помощью».
    • Выберите программу, в которой хотите редактировать документ.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/Insert-Spaces-in-HTML-Step-2-Version-5.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-2-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Insert-Spaces-in-HTML-Step-2-Version-5.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-2-Version-5.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Установите курсор там, куда хотите вставить пробел, а затем нажмите на клавишу «Пробел». В HTML между словами отобразится только один пробел, даже если вы несколько раз нажмете на пробел.
  3. Watermark wikiHow to вставить пробелы в HTML
    Он называется неразрывным пробелом, потому что не позволяет перейти на новую строку. [1]
    • К примеру, если вы введете Привет &nbsp; всем , между словами «Привет» и «всем!» будет вставлен дополнительный пробел.
    • Имейте в виду, что чрезмерное число неразрывных пробелов не позволит браузеру делать разрывы строк в нужных местах, что затруднит чтение текста. [2]
    • Также можно ввести &#160; , чтобы вставить пробел.
  4. Watermark wikiHow to вставить пробелы в HTML
    Если вы хотите вставить более длинный пробел, используйте одну из следующих опций: [3]
    • Два пробела — введите &ensp;
    • Четыре пробела — введите &emsp;
    • Отступ (интервал табуляции) — введите &nbsp;&nbsp;&nbsp;&nbsp;
    Реклама
Метод 2
Метод 2 из 3:

CSS

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/ce\/Insert-Spaces-in-HTML-Step-5-Version-5.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-5-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/ce\/Insert-Spaces-in-HTML-Step-5-Version-5.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-5-Version-5.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    CSS-код можно вставить в заголовок HTML-документа или сохранить как внешний CSS-файл .
    • Заголовок HTML-документа находится вверху файла между тегами "<head>" и "</head>".
  2. Watermark wikiHow to вставить пробелы в HTML
    Раздел стиля находится в начале HTML-кода или в отдельной таблице стилей. Используйте следующие теги, чтобы создать раздел стиля в документе HTML или в таблице стилей.
    • Введите <style> , чтобы открыть раздел стиля. Весь CSS-код будет идти после этого тега.
    • Введите </style> , чтобы закрыть раздел стиля. Весь CSS-код должен быть расположен до этого закрывающего тега.
  3. Watermark wikiHow to вставить пробелы в HTML
    p {indent-text: 5em;} Так вы укажете браузеру, что он должен создать отступ в 5 пробелов (в правильном HTML-коде).
    • Чтобы задать количество пробелов, измените число после «indent-text:».
    • Элемент «em» соответствует одному пробелу с указанным размером шрифта. Можно использовать другие единицы измерения, например, проценты («Indent-text: 15%;») или миллиметры («Indent-text: 3mm;»).
  4. Watermark wikiHow to вставить пробелы в HTML
    Сделайте это внутри HTML-документа там, где хотите сделать отступ. В текст будет вставлен отступ, соответствующий спецификациям CSS.
    Реклама
Метод 3
Метод 3 из 3:

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

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/63\/Insert-Spaces-in-HTML-Step-9-Version-2.jpg\/v4-460px-Insert-Spaces-in-HTML-Step-9-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/63\/Insert-Spaces-in-HTML-Step-9-Version-2.jpg\/v4-728px-Insert-Spaces-in-HTML-Step-9-Version-2.jpg","smallWidth":460,"smallHeight":259,"bigWidth":728,"bigHeight":410,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Это можно сделать в обычном текстовом редакторе, например, в Блокноте или TextEdit в Windows. Также можно воспользоваться редактором HTML-файлов, к примеру, Adobe Dreamweaver. Чтобы открыть документ HTML:
    • Перейдите к документу HTML в Проводнике (Windows) или в Finder (macOS).
    • Щелкните правой кнопкой мыши по нужному документу HTML.
    • Наведите курсор на «Открыть с помощью».
    • Выберите программу, в которой хотите редактировать документ.
  2. Watermark wikiHow to вставить пробелы в HTML
    Введите <pre> перед текстом, который хотите предварительно отформатировать. Это открывающий тег для предварительно отформатированного текста.
  3. Watermark wikiHow to вставить пробелы в HTML
    При предварительном форматировании текста все пробелы и разрывы строк, созданные нажатием «Enter», будут отображаться на странице HTML. [4]
  4. Watermark wikiHow to вставить пробелы в HTML
    Это закрывающий тег для предварительно отформатированного текста.
    Реклама

Советы

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

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

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

Дополнительные статьи

Как
запустить файл Python с помощью Командной строки Windows
Как
написать программу в блокноте
Как
добавить веб–сайт в надежные узлы
Как
добавлять и удалять учетные записи пользователей через командную строку Windows
Как
добавить горизонтальную линию в HTML
Как
научиться писать программы
Как
использовать Net Send
Как
менять цвета в Командной строке
Как
скомпилировать программу C, используя компилятор GNU Compiler (GCC)
Как
сделать задержку в командном файле
Как
создать гиперссылку в HTML
Как
использовать DOSBox
Как
создать базу данных в среде SQL Server
Как
писать компьютерные программы
Реклама

Источники

  1. ↑ http://www.amp-what.com/unicode/search/space
  2. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  3. ↑ http://hea-www.harvard.edu/~fine/Tech/html-sentences.html
  4. ↑ https://www.w3.org/TR/html401/struct/text.html# edef-PRE

Об этой статье

На других языках
Эту страницу просматривали 577 050 раз.

Была ли эта статья полезной?

Реклама