logo

Теги HTML

Теги HTML схожі на ключові слова, які визначають, як веб-браузер форматуватиме та відображатиме вміст. За допомогою тегів веб-браузер може відрізнити вміст HTML від простого вмісту. Теги HTML містять три основні частини: відкриваючий тег, вміст і закриваючий тег. Але деякі теги HTML є незакритими тегами.

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

Файл HTML повинен мати деякі важливі теги, щоб веб-браузер міг відрізнити простий текст від тексту HTML. Ви можете використовувати скільки завгодно тегів відповідно до вимог коду.

  • Усі HTML-теги мають бути в дужках.
  • Кожен тег у HTML виконує різні завдання.
  • Якщо ви використовували відкритий тег, ви повинні використовувати закритий тег (за винятком деяких тегів)

Синтаксис

вміст


Приклади тегів HTML

Примітка. Теги HTML завжди пишуться малими літерами. Основні теги HTML наведено нижче:

Тег абзацу

Тег заголовка

Жирний тег

Курсив тег

що таке експорт в linux

Тег підкреслення

Перевірте зараз

Незакриті теги HTML

Деякі теги HTML не закриті, наприклад br і hr.


Тег
: br означає розривний рядок, він розриває рядок коду.


Тег: hr означає горизонтальну лінійку. Цей тег використовується для розміщення лінії через веб-сторінку.


Метатеги HTML

DOCTYPE, заголовок, посилання, мета та стиль


Текстові теги HTML

,

Рівень заголовка 2

Рівень заголовка 3

Рівень заголовка 4

Рівень заголовка 5
Рівень заголовка 6

Чотири.
:

За допомогою цього тегу ми можемо розділити веб-сторінку. Це означає горизонтальне правило або розрив теми.

Синтаксис:

<hr>

46. ​​​​:

За допомогою цього тегу містяться всі інші елементи. Він також відомий як корінь елемента HTML.

Синтаксис:

 

47. :

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

Синтаксис:

 <i>Italicized Text</i> 

48.

За допомогою цього тегу ми можемо вставити іншу HTML-сторінку в поточну веб-сторінку.

Синтаксис:

 <iframe src="url"></iframe>

49. :

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

Синтаксис:

п'ятдесят.

За допомогою цього тегу ми можемо включити інтерактивний контроль у формі. Це також залежить від різних полів типу атрибута.

Синтаксис:

51. :

За допомогою цього тегу ми можемо вказати блок вставленого тексту. Це також означає, що до документа додано певний діапазон тексту.

Синтаксис:

Inserted Text

52. :

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

Синтаксис:

Keyboard Input

53. :

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

сортування оболонки

Синтаксис:

Label Text

54. :

За допомогою цього тегу ми можемо визначити назву дочірнього вмісту. Легенди є батьківським елементом усіх дочірніх елементів. Ми можемо визначити ці елементи за допомогою .

Синтаксис:

 Fieldset Caption 

55.
  • :
  • За допомогою цього тегу ми можемо представити список елементів на веб-сторінці. Він містить упорядкований список (невпорядкований або меню) як батьківський елемент.

    Синтаксис:

    <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>

    56. :

    За допомогою цього тегу ми можемо прив’язувати зовнішні ресурси до поточної веб-сторінки.

    Синтаксис:

    57. :

    За допомогою цього тегу ми можемо зробити звичайний елемент найважливішим елементом. Ми повинні написати цей тег всередині тегу.

    Синтаксис:

     

    58. :

    За допомогою цього тегу ми можемо визначити зображення карти. Карта зображення також має область, яку можна натиснути.

    Синтаксис:

     

    59. :

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

    Синтаксис:

    Highlighted Text

    60. :

    За допомогою цього тегу ми можемо представити метадані документа. Метадані містять опис сторінки, ключові слова, авторські права, використану мову та автора.

    Синтаксис:

    61. :

    За допомогою цього тегу ми можемо представити вимірювання в заданому діапазоні або дробових значеннях. Він також відомий як калібр.

    Синтаксис:

    Fallback Content

    62. :

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

    Синтаксис:

     

    63. :

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

    Синтаксис:

     

    64. :

    За допомогою цього тегу ми можемо відображати на веб-сторінках такі мультимедіа, як аудіо, відео, зображення, PDF-файли та Flash.

    Синтаксис:

    65.
      :

    Цей тег використовується для створення впорядкованого списку. Упорядкований список може бути числовим або алфавітним. Всередині

      ми можемо створити список за допомогою
    1. тег. Тоді він буде виконувати порядок.

    Синтаксис:

    <ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>

    66. :

    Цей тег використовується для створення розкривного списку. За допомогою цього тегу ми можемо визначити групу опцій.

    Синтаксис:

     Option 1 Option 2 

    67. :

    За допомогою цього тегу ми можемо визначити параметр у розкривному списку за допомогою тегу.

    Синтаксис:

     Option Text 

    68. :

    За допомогою цього тегу ми можемо створити контейнер для елемента, який вводить результат обчислення.

    Синтаксис:

    t ff

    69. :

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

    Синтаксис:

    Paragraph text goes here.

    70. :

    За допомогою цього тегу ми можемо визначити параметр для об'єкта. За допомогою цього ми можемо передати параметр для іншого вбудованого об’єкта.

    Синтаксис:

     

    71. :

    За допомогою цього тегу ми можемо забезпечити гнучкість веб-сторінки, вказавши зображення. Він також містить такі теги, як і .

    Синтаксис:

      

    72.
    :

    За допомогою цього тегу ми можемо оголосити блок попередньо відформатованого тексту на веб-сторінці попередньо відформатованим символом, таким як пробіли, розриви рядків, табуляції тощо.

    Синтаксис:

    Сюди йде попередньо відформатований текст.

    73. :

    За допомогою цього тегу ми можемо відобразити хід виконання завдання. За допомогою цього розробник може створити індикатор прогресу на своїй веб-сторінці.

    Синтаксис:

    74. :

    За допомогою цього тегу ми можемо створити вбудовану цитату на веб-сторінці. У більшості сучасних браузерів текст міститься в лапках.

    Синтаксис:

    Here is a short quotation within a sentence.

    75. :

    За допомогою цього тегу ми можемо використовувати його в резервних дужках, коли браузер не підтримує анотації ruby.

    Синтаксис:

     Base text (Ruby text) 

    76. :

    За допомогою цього тегу ми можемо визначити вимову символу в анотації ruby.

    Синтаксис:

     Base text Ruby text 

    77. :

    За допомогою цього ми можемо визначити вимову східноазіатських ієрогліфів і представити невеликі анотації над, під або поруч з основним текстом.

    Синтаксис:

     Base text Ruby text 

    78. :

    За допомогою цього тегу ми можемо відобразити текст закресленим або перекресленим. Ми можемо використовувати цей тег, коли Речі більше не є точними чи актуальними.

    Синтаксис:

    Struck-through text

    79. :

    За допомогою цього тегу ми можемо визначити зразок виведення комп’ютерної програми. Вміст цього тегу відображається за допомогою моноширинного шрифту в браузері.

    Синтаксис:

    Sample text or code goes here

    80. :

    За допомогою цього тегу ми можемо вставити клієнтський сценарій. Це також дозволяє вставляти сценарій у веб-сторінку HTML.

    Синтаксис:

    81. :

    За допомогою цього тегу ми можемо створити верхній і нижній колонтитул або будь-який інший розділ веб-сторінки.

    Синтаксис:

     

    82. :

    За допомогою цього тегу ми можемо визначити список параметрів у списку.

    Синтаксис:

     Option Text 

    83. :

    За допомогою цього тегу ми можемо зменшити розмір шрифту на один розмір менше, ніж його базовий розмір, наприклад, від великого до маленького.

    Синтаксис:

    Small text goes here

    84.

    За допомогою цього тегу ми можемо пов’язувати кілька медіаресурсів, таких як і ,

    Синтаксис:

    85.

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

    Синтаксис:

     <strong>Emphasized text</strong> 

    86.:

    Це найбільш загальний елемент у HTML. Ми можемо застосувати стиль, згрупувавши елементи.

    Синтаксис:

    міста в австралії
    <span>Text or content goes here</span>

    87. :

    За допомогою цього тегу ми можемо надати інформацію про стиль документа.

    Синтаксис:

     CSS rules go here 

    88.:

    За допомогою цього тегу ми можемо відобразити елемент нижнього індексу лише з типографських причин.

    Синтаксис:

    <sub>Subscript text</sub>

    89. :

    За допомогою цього тегу ми можемо створити поле за допомогою елемента, який містить резюме, підпис або легенду. Коли ми натискаємо кнопку підсумку, вона виконує відкритий/закритий стан батьківського елемента *details>.

    Синтаксис:

     Summary text 

    90.:

    За допомогою цього тегу ми можемо відобразити будь-який текст як верхній індекс вбудованого елемента.

    Синтаксис:

    <sup>Superscript text</sup>

    91. :

    За допомогою цього тегу ми можемо вставляти графіки SVG на веб-сторінку. Крім того, за допомогою цього тегу ми можемо визначити векторну графіку у форматі XML.

    Синтаксис:

     

    92.:

    За допомогою цього тегу ми можемо визначити дані в табличному форматі в HTML. Це створить двовимірну таблицю з кількома рядками та стовпцями.

    Синтаксис:

    <table class="table"> </table>

    93.:

    За допомогою цього тегу ми можемо інкапсулювати рядки таблиці, пов’язані з тілом таблиці.

    Синтаксис:

    <table class="table"> <tbody> </tbody> </table>

    94.:

    За допомогою цього тегу ми можемо визначити клітинку таблиці. Рядок таблиці може складатися з кількохелемент. У цьому елементі вирівнювання за замовчуванням ліворуч.

    Синтаксис:

    <tr> <td>Table cell content</td> </tr>