Матеріал для вивчення мови розмітки HTML

Про матеріал

Матеріал для вивчення мови розмітки HTML ідеально підходить, як шпаргалка для початківців

Перегляд файлу

HTML Довідник тегів

Тег	Опис
<!--...-->	Визначає коментар
<!DOCTYPE>	Визначає тип документа
<a>	Визначає гіперпосилання
<abbr>	Визначає абревіатуру або акронім
<acronym>	Не підтримується в HTML5. Використовуйте <abbr> замість цього. Визначає акронім
<address>	Визначає контактну інформацію автора/власника документу
<applet>	Не підтримується в HTML5. Використовуйте <embed> або <object> замість цього. Визначає вбудований аплет
<area>	Визначає область всередині карти зображень
<article>	Визначає статтю
<aside>	Визначає зміст крім основного змісту сторінки
<audio>	Визначає звуковий контент
<b>	Визначає жирний текст
<base>	Визначає базовий URL/ціль для всіх відносних URL в документі
<basefont>	Не підтримується в HTML5. Використовуйте CSS замість цього. Визначає колір, розмір і шрифт за умовчанням для всього тексту в документі
<bdi>	Ізолює частину тексту, яка може бути відформатована в іншому напрямку, аніж інший текст за його межами.
<bdo>	Перевизначає поточний напрямок тексту
<big>	Не підтримується в HTML5. Використовуйте CSS замість цього. Визначає великий текст
<blockquote>	Визначає розділ, який цитується з іншого джерела
<body>	Визначає тіло документа
<br>	Визначає разрив рядка
<button>	Визначає клікабельну кнопку
<canvas>	Використовується для малювання графіки на льоту за допомогою скриптів (зазвичай JavaScript)
<caption>	Визначає заголовок таблиці
<center>	Не підтримується в HTML5. Використовуйте CSS замість цього. Визначає центрований текст
<cite>	Визначає назву твору
<code>	Визначає ділянку комп’ютерного коду
<col>	Визначає властивості стовпця для кожного стовпця в елементі <colgroup>
<colgroup>	Визначає групу з одного або декількох стовпців в таблиці для форматування
<data>	Пов’язує цей контент з машинозчитуваним перекладом
<datalist>	Визначає список зумовлених параметрів для елементів управління введенням
<dd>	Визначає опис / значення терміна в списку опису
<del>	Визначає текст, який був видалений з документа
<details>	Визначає додаткові деталі, які користувач може переглядати або приховувати
<dfn>	Визначає екземпляр терміна
<dialog>	Визначає діалогове вікно
<dir>	Не підтримується в HTML5. Використовуйте <ul> замість цього. Визначає список каталогів
<div>	Визначає розділ в документі
<dl>	Визначає список опису
<dt>	Визначає термін / ім’я в списку опису
<em>	Визначає виділений текст
<embed>	Визначає контейнер для зовнішнього (не HTML) додатка
<fieldset>	Групує пов’язані елементи в формі
<figcaption>	Визначає заголовок для елементу <figure>
<figure>	Визначає автономний контент
<font>	Не підтримується в HTML5. Використовуйте CSS замість цього. Визначає шрифт, колір та розмір тексту
<footer>	Визначає нижній колонтитул для документа або розділу
<form>	Визначає форму HTML для користувацького вводу
<frame>	Не підтримується в HTML5. Визначає вікно (фрейм) в наборі фреймів
<frameset>	Не підтримується в HTML5.Визначає набір фреймів
<h1> до <h6>	Визначає заголовки HTML
<head>	Визначає інформацію про документ
<header>	Визначає заголовок для документа або розділу
<hr>	Визначає тематичну зміну змісту
<html>	Визначає корінь HTML документу
<i>	Визначає частину тексту альтернативним виділенням або настроєм
<iframe>	Визначає вбудований фрейм
<img>	Визначає зображення
<input>	Визначає елемент управління вводом
<ins>	Визначає текст, який був вставлений в документ
<kbd>	Визначає введення з клавіатури
<label>	Визначає мітку для елемента <input>
<legend>	Визначає заголовок для елемента <fieldset>
<li>	Визначає елемент (пункт) списку
<link>	Визначає зв’язок між документом і зовнішнім ресурсом (найчастіше використовується для посилання на таблиці стилів)
<main>	Визначає основний зміст документа
<map>	Визначає карту зображення на стороні клієнта
<mark>	Визначає помічений (маркований)/виділений текст
<meta>	Визначає метадані HTML документа
<meter>	Визначає скалярний вимір в межах відомого діапазона (датчик)
<nav>	Визначає навігаційні посилання (навігація по сайту)
<noframes>	Не підтримується в HTML5. Визначає альтернативний зміст для користувачів, які не підтримують фрейми
<noscript>	Визначає альтернативний зміст для користувачів, які не підтримують скрипти на стороні клієнта
<object>	Визначає вбудований об’єкт
<ol>	Визначає впорядкований (нумерований) список
<optgroup>	Визначає групу відповідних параметрів у спадному списку (спадному меню)
<option>	Визначає параметр у спадному списку
<output>	Визначає результат розрахунку (калькуляції)
<p>	Визначає параграф (абзац)
<param>	Визначає параметр для об’єкта
<picture>	Визначає контейнер для кількох ресурсів зображення
<pre>	Визначає попередньо відформатований текст
<progress>	Відображає хід виконання завдання
<q>	Визначає коротку цитату
<rp>	Визначає, що відображати в браузерах, які не підтримують ruby анотації
<rt>	Визначає пояснення / вимову символів (для східноазійської типографіки)
<ruby>	Визначає анотацію ruby (для східноазійської типографіки)
<s>	Визначає текст, який більше не є правильним
<samp>	Визначає вихідні дані з комп’ютерної програми
<script>	Визначає скрипт на стороні клієнта
<section>	Визначає розділ (секцію) в документі
<select>	Визначає обраний список
<small>	Визначає меньший текст
<source>	Визначає кілька медіа-ресурсів для медіа-елементів (<video> і <audio>)
<span>	Визначає розділ (рядковий) в документі
<strike>	Не підтримується в HTML5. Використовуйте <del> або <s> замість цього. Визначає перекреслений текст
<strong>	Визначає семантично важливий текст
<style>	Визначає інформацію про стиль в документі
<sub>	Визначає підрядковий текст (нижній індекс)
<summary>	Визначає видимий заголовок для елементу <details>
<sup>	Визначає надрядковий текст (верхній індекс)
<svg>	Визначає контейнер для графіки SVG
<table>	Визначає таблицю
<tbody>	Групує вміст тіла в таблиці
<td>	Визначає клітинку (чарунку) в таблиці
<template>	Визначає шаблон
<textarea>	Визначає багаторядковий елемент управління введенням (текстова область)
<tfoot>	Групує зміст нижнього колонтитула в таблиці
<th>	Визначає чарунку заголовка в таблиці
<thead>	Групує зміст заголовка в таблиці
<time>	Визначає дату / час
<title>	Визначає заголовок документа
<tr>	Визначає рядок в таблиці
<track>	Визначає текстові доріжки для медіа-елементів (<video> та <audio>)
<tt>	Не підтримується в HTML5. Використовуйте CSS замість цього. Визначає текст телетайпу
<u>	Визначає текст, який повинен бути стилістично відмінним від звичайного тексту
<ul>	Визначає невпорядкований (ненумерований) список
<var>	Визначає змінну
<video>	Визначає відео або фільм
<wbr>	Визначає ймовірний розрив рядка

Скільки всього існує HTML тегів?

Багато хто із веброзробників-початківців, що тільки починають вивчати вебтехнології, часто запитують:

А скільки всього існує тегів в специфікації HTML5?

Як видно з вищенаведеної таблиці, станом на кінець 2022 року в специфікації HTML5 офіційно затверджено і підтримується 107 HTML тегів. При цьому 12 тегів, наведених у таблиці, вже не підтримуються в специфікації HTML5, але підтримуються в більшості браузерів. Навіть якщо ви раніше використовували ці теги при створенні своїх вебсайтів, вони ще будуть працювати у всіх сучасних веббраузерах. Але все-таки застарілі HTML теги не рекомендується використовувати в нових веб-проєктах. Краще дотримуватися рекомендацій W3C і офіційно затвердженої специфікації HTML5. Крім того, стандарти постійно змінюються. Згодом деякі теги можуть зникати, а нові теги з’являються.

Для того, щоб залишатися в курсі всіх змін, які відбуваються у вебстандартах, необхідно відвідувати офіційні вебресурси, де всі ці зміни публікуються, такі як: сайт Консорціуму Всесвітньої мережі W3C: https://www.w3.org/ та WHATWG.

Джерело

Інформацію міститься на сайті: https://w3schoolsua.github.io/tags/index.html#gsc.tab

docx

Завантажити

Зберегти на потім

Додав(-ла)

Герчук Іван Іванович

Пов’язані теми

Інформатика, Інші матеріали

Додано

11 січня 2025

Переглядів

131

Оцінка розробки

Відгуки відсутні