Технічно DOCTYPE — це не тег, а оголошення, яке повідомляє браузеру, який тип файлу буде завантажено. Цей тег повідомляє браузеру тип HTML, який буде завантажено.
Примітка. Оголошення не має закриваючого тегу та не враховує регістр.
Тег ….. стоїть після тегу DOCTYPE. Цей тег визначає документ як веб-сторінку; усі інші елементи будуть вкладені всередину. Тег HTML визначає початок і кінець документа HTML.
для впорядкованого списку, щоб згадати декілька.
Синтаксис тегу
:
<body> Content </body>
У документі HTML може бути до 6 тегів заголовків. Кожен із тегів представлено числом від 1 до 6 як
,
,
,
,
і
.
H1 — найбільший тег заголовка, а H6 — найменший.
У документі HTML теги заголовків можуть бути представлені таким чином:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Теги
до
вкладені в тег .
Наприклад, тег ,
буде укладено як;
<body>
<h1> This is heading 1 >/h1>
</body>
Тег
або просто тег абзацу використовується, коли ви хочете структурувати вміст у абзац. Натискання кнопки «Enter» у документі HTML у вашому редакторі коду не створить новий абзац.
Якщо вам потрібно більше одного абзацу, вам потрібно використовувати кілька тегів
у вашому документі. Теги абзаців повинні бути укладені в тег
.
Синтаксис тегу абзацу:
<p> ….some content here….</p>
Якщо ви хочете мати чотири абзаци, ваш код буде структурований як;
<body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body>
Тег або просто жирний тег відформатує будь-який вміст між початковим і кінцевим як жирний.
Жирний тег може бути між заголовком, таким як H1, або навіть у тегу абзацу.
Це приклади жирного тегу;
<b> Bold Tag </b>
Фраза «Жирний тег» буде виділена жирним шрифтом.
<h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1>
П’яте видання буде виділено жирним шрифтом.
Курсивний тег, позначений , виділяє курсивом текст усередині тегів.
Наприклад, якщо ми маємо
<i> These are italics </i>
Слова «це курсив» відображатимуться курсивом.
Тег підкреслення, або , використовується, коли ви хочете підкреслити певний фрагмент тексту в документі HTML.
Наприклад, якщо ми маємо;
<u> underline these words </u>
Фраза між тегами буде підкреслена.
Тег Center,
, використовується для центрування вмісту документа HTML.
Наприклад, якщо у нас є тег h2, написаний як
Центрування вмісту в HTML
, ми можемо центрувати його таким чином;
<center>
<h2> Centering Content in HTML </h2>
</center>
Тег Span, , є загальним вбудованим контейнером, який не має стилю за замовчуванням. Ви можете використовувати тег span, щоб згрупувати тексти, які потрібно стилізувати.
Ви можете розмістити тег всередині інших тегів, таких як заголовки та абзаци;
<h2> Learn HTML <span> from experts </span> and be ready for the market </h2>
<p> Learn HTML <span> from experts </span> and be ready for the market </p>
Тег розділення, скорочено div, — це тег, який дозволяє групувати різні теги в документі HTML.
Тегу div можна надати «клас» для додавання зовнішнього стилю за допомогою CSS.
Ось як буде представлено div, що містить теги h1, h2 і абзац.
<div >
<h1> Learn HTML </h1>
<h2> HTML Tags </h2>
<p> HTML is a markup language……… </p>
</div>
Наголос, або тег , використовується для підкреслення певних слів у документі HTML.
Вміст між тегами буде похилим або виділеним курсивом.
Виділений вміст у абзаці може відображатися в редакторі коду:
<p> The meeting will start at <em> 0800 hrs </em>, please keep time </p>
Тег або верхній індекс дозволяє розміщувати текст, що входить у нього, над іншими. Ідеальний приклад, коли ви хочете звести число X у квадрат і представити його математично, щоб отримати X2
Синтаксис для у тегу абзацу буде таким;
<H1> Harveys <sup>TM </sup> Company Limited </H1>
Підрядковий тег або тег протилежний тегу верхнього індексу. Вміст, укладений у тег , відображатиметься під звичайним рядком тексту. Прекрасним прикладом є запис хімічної формули води як H20.
Синтаксис тегу нижнього індексу буде таким;
Remember that H <sub> 2 </sub> 0 is the chemical formula for water
— це самозакриваючий тег, який означає розрив. Весь вміст після
починатиметься з нового рядка.
Синтаксис для
в абзаці буде таким;
<p> HTML is the abbreviation of Hypertext Markup Language <br>
There has been an ongoing debate as to whether it is a programming language or not <br>
However, we cannot downplay its importance <br>
HTML has been used in more than 95% of websites today </p>
і
-
Тег упорядкованого списку або
потрібно використовувати з іншим тегом, таким як
- .
Ці два можуть відображатися в редакторі коду як;
<ol>
<li> Asia </li>
<li> Africa </li>
<li> Europe </li>
</ol>
Під час візуалізації в браузері вміст відображатиметься пронумерованим.

Ви можете додати зображення для візуальної привабливості або навіть логотип. У такому випадку стане в нагоді тег зображення, що самозакривається,
.
Синтаксис для тегу зображення буде таким;
<img src=“https://cdn.pixabay.com/photo/2015/08/19/15/44/seo-896175_960_720.png”/>
Вміст, узятий у лапки, представляє вихідну URL-адресу.
Підведенню
Існує понад 100 тегів HTML, але наведені вище є ті, які ви повинні знати, як новачок. HTML підтримується в більшості редакторів коду, тому ви можете бути впевнені, що ніколи не помилитеся, коли почнете вчитися.