ВІДЕО: Створення вкладок у HTML

Використовуйте теги HTML

Ви можете використовувати різні теги HTML для створення табуляції у файлі HTML:

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

  
   1. вкладка
   2. вкладка
  

• Крім того, ви можете скористатися "блоковим цитуванням". Це використовується для створення цитати, внаслідок чого відповідний текст потім відступає. Ви також можете включити інший тег блок -цитати, щоб ще більше відступити від іншого тексту. Наприклад, це може виглядати так:

  1. вкладка

  2. вкладка

  .
• Ви також можете використовувати тег "dd" для створення ефекту вкладки. Тег використовується для створення списку визначень та відступу тексту в тегах dd. Наприклад, ви могли б "
  1. вкладка
  2. вкладка
  " писати.

Додаткові параметри вкладки

На додаток до тегів HTML, ви також можете просто створити вкладку за допомогою пробілів або за допомогою CSS.

• Щоб створити вкладку з пробілами, не можна просто натиснути пробіл, а потім напишіть текст, оскільки ваш браузер тоді генерує лише один пробіл і ігнорує інші пробіли б. Швидше, вам доведеться використовувати нерозривні пробіли з нерозривними пробілами. Наприклад, можна написати:
  1. вкладка
  
  2. вкладка
• Для того, щоб створити табулятор з CSS у HTML, ви можете встановити відстань до зовнішнього краю, що вам доведеться зробити за допомогою "margin". Оскільки вам потрібна лише відстань до лівого краю, вам доведеться обмежити відстань до цієї сторони, тому використовуйте "margin-left". Наприклад, якщо вам потрібен інтервал 20px для першої вкладки та 40px для другої вкладки, ви можете написати:
  1. вкладка
  
  2. вкладка

Код HTML для всіх прикладів, описаних у цьому посібнику, можна отримати з Sourcepod подивись на.