A base do HTML é feita encima de tags estas a qual são representadas por colchetes angulares (símbolos de maior ou menor <>), onde precisamos abri-las e fechá-las (exceto em alguns casos)

A estrutura básica de uma tag é <NOME_DA_TAG>

Vamos imaginar que queremos escrever um título qualquer

<h1>Isto é um título</h1>

Note duas coisas:

  1. Para títulos usamos a tag h1
  2. Para fecharmos a tag usamos a barra / antes do seu nome

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bca8e708-296c-421e-a556-de1b79165add/IMG_4043.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bca8e708-296c-421e-a556-de1b79165add/IMG_4043.png" width="40px" /> Em HTML para os mais variados tipos de conteúdo (parágrafos, títulos, listas, tabelas, imagens, vídeos ...) temos tag específicas.

</aside>

Agora queremos adicionar um parágrafo:

<h1>Isto é um título</h1>

<p>Isto é um parágrafo</p>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/645b1eec-97aa-475a-9043-15120087b2cf/IMG_4044.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/645b1eec-97aa-475a-9043-15120087b2cf/IMG_4044.png" width="40px" /> Para escrevermos comentários em HTML usamos a seguinte estrutura: <!-- seu comentário vem aqui -->

</aside>

A estrutura básica de um arquivo HTML é a seguinte:

<!DOCTYPE html> <!-- declara que estamos usando HTML5 -->
<html lang="pt-br"> <!-- declara que a língua usada será o português brasileiro -->
<head> <!-- área de configurações -->
    <meta charset="UTF-8"> <!-- possibilita uso de caracteres UTF-8 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- declara que o site será aberto em 100%, sem zoom-in ou zoom-out -->
    <title>Document</title>
</head> 
<body> <!-- área de conteúdo -->
</body>
</html>