Теги 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.:
Цей тег використовується для створення впорядкованого списку. Упорядкований список може бути числовим або алфавітним. Всередині
- ми можемо створити список за допомогою
- тег. Тоді він буде виконувати порядок.
Синтаксис:
<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>