Як вставити прогалини в HTML

HTML ігнорує пробіли. Коли ви пишете код, то натиснення клавіш пробіл, Tab і Enter ігноруються. HTML інтерпретує ці натискання як символ пробілу, тобто засіб форматування коду (тексту, слів, символів), і тому не відображає їх. Відповідно, якщо вам потрібні відображаються прогалини, їх доведеться написати на мові коду. Читайте цю статтю, щоб дізнатися прості способи зробити це, залежно від необхідного результату.

Кроки

Метод 1 з 5: Додаємо одиночний пробіл

1. 1

   Вставте HTML код nbsp- там, де вам потрібен один пробіл. ("Nbsp" скорочення від англійського словосполучення "non breaking space", що означає "нерозривний пробіл").
   • nbsp- стане в нагоді, якщо десь в тексті вам потрібно вставити один-два пробілу між символами або словами з міркувань стилістики або естетики.
   • Наприклад, якщо ви хочете передати невелику паузу між словами, як у наступному прикладі: "Привіт. Як справи?" - Вам знадобиться ввести код кожного пробілу, як показано нижче: "Привіт. nbsp-Як справи? "

     

Метод 2 з 5: Вставляємо в HTML абзац

1. 

   1

   Вставте фрагмент коду

   перед текстом, який повинен бути представлений у вигляді абзацу.

2. 

   2

   Вставте

   перед початком кожного абзацу.

3. 

   3

   Вставте закриває тег
   в кінці кожного абзацу. Тег абзацу вважається парним, а тому його необхідно закривати. Він зауважив, що замок зламаний, а в магазині повний бардак.

   Джон хвилювався все більше і вирішив зателефонувати в поліцію.

Метод 3 з 5: Додаємо табуляцію за допомогою HTML модуля

1. 

   1

   Використовуйте 4 або 5 нерозривних пробілу, щоб додати табуляцію. Код буде виглядати наступним чином: nbsp-nbsp-nbsp-nbsp-.
   • Окремого елемента коду html для табуляції не існує. Якщо вам необхідно використовувати символи табуляції по всьому коду для простоти читання, розгляньте варіант форматування за допомогою коду CSS.

Метод 4 з 5: Додаємо розриви рядків в HTML

1. 

   1

   Вставте код
   там, де хочете бачити обрив рядка.
   
   
   
   • Зрушити текст на один рядок вниз можна, якщо додати до тексту відразу два таких тега -
     
     - один щоб зрушити наступний рядок, а другий - щоб пропустити її.

     

Метод 5 з 5: Displaying Text as Written Using HTML

1. 

   1

   Вставте тег

    перед текстом, який хочете відобразити як друкований або "в заданому форматі". У такому тексті будуть відображатися всі прогалини та інші пробільні символи, які в звичайному коді не відображаються. Кожен пробіл буде відображатися так, як якби текст був набраний у звичайному текстовому редакторі.
   

2. 

   2

   Використовуйте тег щоб позначити кінець тексту в заданому форматі.
   • Особливо даний тег корисний для "красивого форматування" поезії або коду.
     
     Приклад коду

     <<span class="kw2">head<<span class="kw2">stylebody {background-image: url (bgh.jpg) -background-size: 100% -background-origin: content-background-repeat: no-repeat-}<<span class="sy0">/style<<span class="sy0">/head<<span class="kw2">body<<span class="kw2">body background="Bgh.jpg"<<span class="kw2">pbr/p<<span class="kw2">pnbsp;<<span class="sy0">/p<<span class="kw2">pnbsp;<<span class="sy0">/p<<span class="kw2">pnbsp;<<span class="sy0">/p<<span class="kw2">p style="Font-size: 10pt-"nbsp;<<span class="sy0">/p<<span class="kw2">center <<span class="kw2">a href="HomePage.html"font size="6"Home<<span class="sy0">/font/a<<span class="kw2">a href="GalleryPage.html"font size="6"Gallery<<span class="sy0">/font/a<<span class="kw2">a href="AboutPage.html"font size="6"About<<span class="sy0">/font/a<<span class="kw2">a href="ContactPage.html"font size="6"Contact<<span class="sy0">/font/a/center<<span class="sy0">/body

Поради

• Якщо при перевірці ви бачите зайві символи, "плаваючі" серед коду, перевірте незакриті теги, скажімо
  .
• Врахуйте, що текст в заданому форматі буде, швидше за все, відображатися в іншому шрифті і кеглі.
• Форматуючи абзаци, пам`ятайте, що відстань між абзацами задається в коді CSS.
• Якщо на використанні символів пробілів у вас зав`язано побудова структури сайту в цілому, краще буде вдатися до використання коду CSS.
• Завжди набирайте HTML-код в спеціальному редакторі або Блокноті. Написання коду в звичайному текстовому редакторі, може призвести до появи помилок, оскільки текстові редактори додають у текст свій код та інші дані, для того, щоб документи розпізнавались і читалися веб-браузерами.