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

Автор: Monica Porter
Дата создания: 22 Март 2021
Дата обновления: 1 Июль 2024
Anonim
Пробелы и переход на новую строку в HTML за 3 минуты
Видео: Пробелы и переход на новую строку в HTML за 3 минуты

Содержание

Многие пробелы, обычно создаваемые с помощью пробелов, клавиш табуляции и клавиш ввода, игнорируются в языках веб-программирования. HTML определяет их все как обычные пробелы между словами и отображает только один пробел. В то время как CSS позволяет пользователям устанавливать более подробную информацию о пробелах и выравнивании, HTML не имеет некоторых встроенных инструментов для настройки вашего интервала.

Шаги

Метод 1 из 2. Вставьте пробелы и отдельные табуляции

  1. Пробелы вставки не нарушаются. Обычно в HTML отображается только один пробел между словами, независимо от того, сколько раз вы нажимали пробел. Чтобы отобразить несколько смежных пробелов, введите или. Этот код создаст специальный символ, называемый «неразрывным пробелом», и он всегда отображается.
    • Вышеупомянутый символ называется «неразрушимым пространством», потому что он предотвращает перенос строк на место. Если вы переборщите с этим символом, браузеру будет сложно вставлять разрывы строк упорядоченно и вертикально.

  2. Вставляйте пробелы разной ширины. Есть некоторые другие символы сущности, которые требуют, чтобы браузер отображал пробел. То, как эти пробелы отображаются в разных браузерах, немного отличается, однако, в отличие от следующих кодов, они не повлияют на разрыв строки:
    • - назван в честь пробела «N» принтера (единица измерения), пробел «en» вдвое шире обычного.
    • - пробел «em», примерно равен четырем пробелам.

  3. Имитирует вкладку с большим количеством неразрушающего пространства. Для отступа абзацев вы можете последовательно вставлять неразрушаемые пробелы :. Это единственное решение, если вы используете только HTML, но если вы используете CSS (описанный отдельно в шаге ниже), он будет короче.
    • Если есть сложное представление текста, используйте тег pre.

  4. Выровняйте абзацы с помощью CSS. Свойства «margin» и «padding» в CSS дают инструкции непосредственно браузеру, поэтому отображаемые результаты будут более согласованными. Этот метод нетрудно реализовать, если вы ничего не знаете о CSS и на вашей странице нет таблицы стилей. Вот пример того, как переместить весь абзац на правое поле:
    • В разделе HTML-документа вставьте следующий код:

      где: «p.indent» определяет атрибут текста (тега p) имени «indent» (можно использовать другое имя). Остальная часть кода добавляет функцию «отступа» в левую часть абзаца.
    • Теперь вернемся к основной части HTML-документа. Каждый раз, когда вы хотите сделать абзац отступом (все еще «отступом» в этом примере), поместите абзац в этот код:

    • Чтобы выровнять расстояние между отступами, измените число «1,8» в коде CSS. Оставьте "em" позади, поскольку это единица длины, связанная с размером шрифта.
    рекламное объявление

Метод 2 из 2. Установите более длинные промежутки

  1. Используйте предварительно отформатированные теги. Любой ключ пространство хороший ↵ Enter вводится в карту

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

    • Главный недостаток предварительно отформатированных карт - ширина. В отличие от обычного HTML, предварительно отформатированный текст не будет изменен в соответствии с размером окна пользователя.
  2. Создайте разрыв строки. Карта
    завершит текущую строку текста. Вы можете создавать пустые строки, используя несколько тегов разрыва строки. Для студентов, плохо знакомых с HTML, это хороший подход, но если вы изучили CSS, этот обязательный формат HTML не рекомендуется.
  3. Обозначьте абзац тегом «p». Тег вокруг текста идентифицирует этот абзац. Большинство браузеров разделяют абзацы пустой строкой, но вы не можете гарантировать единообразный формат текста. рекламное объявление

Совет

  • Если при последней проверке отображения на веб-странице вы видите повторяющиеся символы в необычном положении вокруг фрагмента, дважды проверьте наличие неполных тегов, например <> вместо того
    .
  • CSS - более мощный и проактивный инструмент для представления веб-страниц, включая интервалы для текста.
  • Ограничьте внезапные пробелы за открытым тегом или перед закрытым тегом. Например, вы должны написать Пробелы Руководство не пробелы Руководство .
  • Неразрушимое пространство - это пример символа сущности: код, представляющий символ, который вы не можете ввести с клавиатуры.

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

  • Атрибут HTML представляет собой ключ Вкладка ↹ На самом деле не так эффективно, как вы думаете. Стандартный HTML-документ не имеет позиций табуляции, поэтому символ табуляции не действует.
  • Всегда пишите язык HTML в редакторе кода или в текстовом файле, не используйте форматы обработки текстовых файлов. Если ваши пробелы становятся странными символами в вашем веб-браузере, это, скорее всего, связано с избыточными данными, добавленными текстовым процессором, который не предназначен для отображения в Интернете.