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

Original text
елементи, а також трохи CSS:Використання
елемента
Приклад того, як використовувати
для керування інтервалом між текстом, можна побачити нижче:
Hello my name is James
Зверніть увагу, що
теги самозакриваються, тобто вони не потребують
/>
.Тоді ви можете використовувати зовнішній або внутрішній стиль, щоб надати класу
tab
деякі властивості. Наприклад, такий код буде працювати у зовнішній таблиці стилів:.tab { padding-left: 2px; }
Ви також можете надати
деякі властивості вбудованого стилю, як показано нижче.
Крім того, ви можете надати
ті самі властивості, що і вбудовані стилі, як показано нижче:
Hello my name is James
Використання
елемент
Для простого способу додати простір на вкладках просто оберніть текст
теги. Наприклад:
елемент просто представляє попередньо сформований текст. Іншими словами, будь-які пробіли або вкладки у внутрішньому тексті будуть відтворені. Наприклад:
function greeting() { console.log('Hello world!'); }Тільки майте на увазі, що будь-які фактичні символи табуляції (а не купа пробілів, схожих на вкладки), які ви використовуєте з цим методом, можуть виглядати смішно широкими. Це тому, що
tab-size
властивість дляелементу встановлено 8 пробілів за замовчуванням.Ви можете змінити це за допомогою трохи CSS:
pre { tab-width: 2; }
Більше інформації про HTML:
Мова розмітки HyperText (HTML) - це мова розмітки, яка використовується для створення Інтернет-документів і є основою більшості веб-сайтів сьогодні.
Мова розмітки, така як HTML, дозволяє нам
- створювати посилання на інші документи,
- структурувати зміст нашого документа та
- приписувати контекст і значення змісту нашого документа.
Документ HTML має два аспекти. Він містить структуровану інформацію (Розмітка) та текстові посилання (Гіпертекст) на інші документи.
Ми структуруємо наші сторінки за допомогою елементів HTML. Вони є конструкціями мови, що надає структуру та значення в нашому документі для браузера та посилання елемента на інші документи в Інтернеті.
Спочатку Інтернет був створений для зберігання та представлення статичних (незмінних) документів. Розглянуті вище аспекти HTML чудово проглядалися в цих документах, яким бракувало дизайну та стилю. Вони представили структуровану інформацію, яка містила посилання на інші документи.
HTML5 - це остання версія або специфікація HTML. Консорціум Всесвітньої павутини (W3C) - це організація, яка розробляє стандарти Всесвітньої павутини, включаючи стандарти HTML. У міру ускладнення веб-сторінок та веб-програм W3C оновлює стандарти HTML.
HTML5 представляє цілу купу семантичних елементів. Хоча HTML допомагає надати значення нашому документу, лише до введення семантичних елементів з HTML5 його потенціал був повністю відомий.
Простий приклад документа HTML
Page Title My First Heading
My first paragraph.
! DOCTYPE html: визначає цей документ як HTML5
html: кореневий елемент сторінки HTML
head: Елемент містить метаінформацію про документ
title: Елемент визначає заголовок документа
body: Елемент містить видимий вміст сторінки
h1: Елемент визначає великий заголовок
p: Елемент визначає абзац
Версії HTML
З перших днів Інтернету існувало багато версій HTML
- HTML1991
- HTML 2.01995
- HTML 3.21997
- HTML 4.011999X
- HTML2000
- HTML52014
Інші ресурси
- Елементи HTML
- Семантичний HTML
- Атрибути HTML