HTML não é uma linguagem de programação, e sim uma linguagem de markdown. HTML pode ser considerado os ossos do site, o CSS a pele, pois é ele que dá beleza o do site, e o JavaScript os músculos, pois ele que faz o site ter animações e interações.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
</body>
</html>
Essas coisas dentro dos <> são chamadas de tags, elas servem para informar ao navegador a maneira de ler o conteúdo do arquivo.
<!DOCTYPE html> Para indicar que é um arquivo HTML, e sua versão, no caso, apenas html indica a versão mais recente, o HTML5.
<html> Indica a abertura do código HTML.
</html> Indica o fechamento do código HTML.
<meta charset="UTF-8"> Indica qual padrão de codificação de caracteres vai ser usado, o mais comum é o UTF-8, mas também existem outros, como o ASCII (menos usado atualmente), o Unicode, o UTF-16, dentre outros.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> Serve para deixar o site responsivel para smartphones.
<title></title> Dentro que você coloca o título da página, título que aparece em cima da barra da aba do navegador.
<head> Indica a abertura do conteúdo que apenas o navegador vai ler, você mesmo não vai ver algo que esteja aqui dentro.
</head> Indica o fechamento da head.
<body> Indica a abertura do body, é aqui onde vai o conteúdo visível do site para nós humanos (E onde você cola o código HTML que você copiou do editor HTML).
</body> Indica o fechamento do body.
Você percebeu que <x> abre, e </x> fecha? Normalmente as tags se fecham com /, mas nem todas elas são assim.
Esse foi o básico do HTML, para dar uma beleza ao seu site, você precisaria usar CSS, algo que até eu só sei o básico, mas posso te ensinar como se referir a qual estilo usar. Imagine que o seu site é um monte de arquivos .html e .css na mesma pasta do seu computador, para um arquivo html usar um arquivo css, ele precisa ter a referência dele, e para fazer a referência você coloca
<link rel="stylesheet" href="style.css">
dentro da head do HTML. Style.css se refere a um arquivo css de nome style, o nome style não importa, poderia ser qualquer outro nome. Um código HTML pode ter mais de um CSS incorporados.
Você também pode abrir dentro da head as tags <style></style>,e por o CSS lá dentro.
O único CSS que sei é:
body {
background-color: #d7ecff;
}
Ele serve para mudar a cor de fundo do site, usando cores em hexadecimal.
Também temos o <h1>, <h2>, <h3>... <h6>, eles servem para títulos de moda do título principal (h1), para os subtítulos (h2), os subtítulos dos subtítulos e assim por diante. Além dos títulos, temos os parágrafos representados por <p>, aqui aonde vai o texto normal.
Pronto, acabou a pior aula que alguém poderia ensinar HTML, até nunca mais.