Зміст

• Кроки
• Порада
• Увага

Багато просторів, які зазвичай створюються за допомогою пробілів, клавіш табуляції та клавіш Enter, ігноруються мовами веб-програмування. HTML визначає їх усі як звичайні пробіли між словами і відображає лише один пробіл. Хоча CSS дозволяє користувачам встановлювати більше деталей про пробіли та вирівнювання, HTML не має вбудованих інструментів для налаштування інтервалу.

Кроки

Спосіб 1 з 2: Вставте пробіли та одинарні вкладки

1. 

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

2. 

   
   
   Вставте пробіли з різною шириною. Є деякі інші символи сутності, які вимагають від браузера відображення пробілу. Спосіб відображення цих пробілів у різних браузерах дещо відрізняється, однак, на відміну від наступних кодів, це не вплине на розрив рядка:
   • - названий на честь простору "N" принтера (одиниці виміру), простір "en" вдвічі ширший за звичайний простір.
   • - простір "em", приблизно дорівнює чотирьом пробілам.

3. 

   
   
   Імітує вкладку з великою кількістю неруйнівного простору. Для відступу абзаців можна послідовно вставляти незнищенні пробіли :. Це єдине рішення, якщо ви використовуєте лише HTML, але якщо ви використовуєте CSS (описаний окремо в кроці нижче), він буде коротшим.
   • Якщо є складна презентація тексту, використовуйте попередній тег.

4. 

   
   
   Вирівняйте абзаци з CSS. Властивості CSS "margin" і "padding" дають вказівки безпосередньо браузеру, тому результати, що відображаються, будуть більш послідовними. Цей метод не складно реалізувати, якщо ви нічого не знаєте про CSS і ваша сторінка не має таблиці стилів. Ось приклад того, як перемістити цілий абзац до правого поля:
   • У розділі документа HTML, вставте такий код:
     
     де: "p.indent" визначає атрибут тексту (ім'я p) ім'я "відступ" (можна використовувати інше ім'я). Решта коду додає функцію простору "відступ" у лівій частині абзацу.
   • Тепер повернімось до основного тексту документа HTML. Кожного разу, коли ви хочете зробити відступ у абзаці (у цьому прикладі все ще «відступ»), розмістіть абзац у цьому коді:
     

   • Щоб вирівняти інтервал відступу, змініть число "1,8" у коді CSS. Тримайте "em" позаду, оскільки це одиниця довжини, пов'язана з розміром шрифту.
   реклама

Метод 2 з 2: Встановіть довші зазори

1. 

   Використовуйте попередньо відформатовані теги. Будь-який ключ простору добре ↵ Введіть вноситься в картку

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

   • Основним недоліком попередньо відформатованих карток є ширина. На відміну від звичайного HTML, розмір попередньо відформатованого тексту не буде змінено відповідно до розміру вікна користувача.

2. 

   Створіть розрив рядка. Картка
   закінчить поточний рядок тексту. Ви можете створювати порожні рядки, використовуючи кілька тегів розриву рядка. Для студентів, які не знають HTML, це хороший підхід, але якщо ви вивчили CSS, цей обов’язковий формат HTML не рекомендується.

3. 

   Визначте абзац тегом "p". Тег навколо тексту ідентифікує цей абзац. Більшість браузерів виділяють абзац порожнім рядком, але ви не можете гарантувати незмінний формат тексту. реклама

Порада

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

Увага

• Атрибут HTML представляє ключ Вкладка ↹ Насправді не такий ефективний, як можна подумати. Стандартний документ HTML не має табуляторів, тому символ табуляції не має ефекту.
• Завжди пишіть мову HTML у редакторі коду або текстовому файлі, не використовуйте формати обробки текстових файлів. Якщо ваші простори стають дивними символами у вашому веб-браузері, це, швидше за все, через надлишок даних, доданих текстовим процесором, який не призначений для відображення в Інтернеті.