Как вставить пробелы в HTML
5 методика:Добавляем одиночный пробелВставляем в HTML абзацДобавляем табуляцию с помощью HTML модуляДобавляем разрывы строк в HTMLDisplaying Text as Written Using HTML
HTML игнорирует пробелы. Когда вы пишете код, то нажатия клавиш пробел, Tab и Enter игнорируются. HTML интерпретирует эти нажатия как пробельный символ, то есть средство форматирования кода (текста, слов, символов), и потому не отображает их. Соответственно, если вам нужны отображаемые пробелы, их придется написать на языке кода. Читайте данную статью, чтобы узнать простые способы сделать это, в зависимости от требуемого результата.
Шаги
Метод 1 из 5: Добавляем одиночный пробел
- 1 Вставьте HTML код там, где вам нужен один пробел. ("nbsp" сокращение от английского словосочетания "non breaking space", что означает “неразрывный пробел”).
- пригодится, если где-то в тексте вам нужно вставить один-два пробела между символами или словами из соображений стилистики или эстетики.
- Например, если вы хотите передать небольшую паузу между словами, как в следующем примере: "Привет. Как дела?" – вам понадобится ввести код каждого пробела, как показано ниже: "Привет. Как дела?"
Метод 2 из 5: Вставляем в HTML абзац
 1 Вставьте фрагмент кода <p> перед текстом, который должен быть представлен в виде абзаца. 2 Вставьте <p> перед началом каждого абзаца. 3 Вставьте закрывающий тег </p> в конце каждого абзаца. Тег абзаца считается парным, а потому его необходимо закрывать. Он заметил, что замок взломан, а в магазине полный бардак. <p> Джон волновался все больше и решил позвонить в полицию. </p>
Метод 3 из 5: Добавляем табуляцию с помощью HTML модуля
 1 Используйте 4 или 5 неразрывных пробела, чтобы добавить табуляцию. Код будет выглядеть следующим образом: .
- Отдельного элемента кода html для табуляции не существует. Если вам необходимо использовать символы табуляции по всему коду для простоты чтения, рассмотрите вариант форматирования с помощью кода CSS.
Метод 4 из 5: Добавляем разрывы строк в HTML
 1 Вставьте код <br> там, где хотите видеть обрыв строки.
- Сдвинуть текст на одну строку вниз можно, если добавить к тексту сразу два таких тега - <br> <br> - один чтобы сдвинуть следующую строку, а второй — чтобы пропустить ее.
Метод 5 из 5: Displaying Text as Written Using HTML
 1 Вставьте тег <pre> перед текстом, который хотите отобразить как печатный или “в заданном формате”. В таком тексте будут отображаться все пробелы и другие пробельные символы, которые в обычном коде не отображаются. Каждый пробел будет отображаться так, как если бы текст был набран в обычном текстовом редакторе. 2 Используйте тег </pre> чтобы обозначить конец текста в заданном формате.
- Особенно данный тег полезен для "красивого форматирования" поэзии или кода.
Пример кода <head> <style> body { background-image: url(bgh.jpg); background-size: 100%; background-origin: content; background-repeat: no-repeat; } </style> </head> <body> <body background="bgh.jpg"> <p><br></p> <p> </p> <p> </p> <p> </p> <p style="font-size:10pt;"> </p> <center> <a href="HomePage.html"><font size="6">Home</font></a> <a href="GalleryPage.html"><font size="6">Gallery</font></a> <a href="AboutPage.html"><font size="6">About</font></a> <a href="ContactPage.html"><font size="6">Contact</font></a></center> </body>
Советы
- Если при проверке вы видите лишние символы, "плавающие" среди кода, проверьте незакрытые теги, скажем <br вместо <br>.
- Учтите, что текст в заданном формате будет, скорее всего, отображаться в другом шрифте и кегле.
- Форматируя абзацы, помните, что расстояние между абзацами задается в коде CSS.
- Если на использовании пробельных символов у вас завязано построение структуры сайта в целом, лучше будет прибегнуть к использованию кода CSS.
- Всегда набирайте HTML-код в специальном редакторе или Блокноте. Написание кода в обычном текстовом редакторе, может привести к появлению ошибок, поскольку текстовые редакторы добавляют в текст свой код и другие данные, для того, чтобы документы распознавались и читались веб-браузерами.
|
