Aula 1 - Introdução ao HTML
Então, vamos lá!
Começando do começo, o que significa HTML? HTML é uma sigla em inglês para HyperText Markup Language, ou Linguagem de Marcação de Hipertexto em bom português brasileiro.
O HTML consiste numa série de marcadores (que chamaremos a partir de agora de tags) diferentes, cada um com seu propósito de formatar um conteúdo de um arquivo, seja ele um texto, uma imagem, um arquivo de áudio e/ou vídeo.
Um arquivo com conteúdo HTML pode ser interpretado por um programa chamado navegador. Se você está lendo este artigo agora, significa que você está usando um navegador (ou browser). Podemos chamar este arquivo de página web ou página HTML ou ainda documento HTML. Todo arquivo HTML terá como extensão o formato .html.
Para criar um documento HTML, precisamos ter instalado em nosso computador um programa editor de texto. Abaixo uma lista dos programas mais utilizados no sistema operacional Windows:
- Notepad (o famoso Bloco de Notas do Windows)
- Visual Studio Code
- Notepad++
- SublimeText
Para mantermos este tutorial o mais simples possível, vamos abrir o programa Notepad (que já vem instalado nos computadores com sistema operacional Windows).
Agora, digite o código HTML abaixo e salve o arquivo como pagina1.html.
<!DOCTYPE html>
<html>
<body>
<p>Olá, HTML!</p>
</body>
</html>
Parabéns! Você criou sua primeira página web!
Para ver o arquivo funcionando, e se tudo estiver correto, basta dar dois cliques em cima do arquivo e o mesmo será aberto em um dos navegadores instalados no seu computador. Caso isso não aconteça, clique com o botão direito em cima do arquivo pagina1.html, procure a opção "Abrir com..." e escolha uma das opções de navegadores instalados em seu computador.
A página web que criamos aparecerá assim:
Na próxima aula, entenderemos cada tag apresentada na aula de hoje.
Bons estudos e até mais! 😎