Hello World: Seu Primeiro Programa HTML

Módulo Progresso

0% Concluído

Título da Aula: Hello World: Seu Primeiro Programa HTML

Introdução

Olá! Hoje é um dia emocionante, pois vamos mergulhar no código e criar nossa primeira página web. Vamos começar com o clássico “Hello World”. Então, vamos começar!

Corpo da Aula

Criar uma página HTML é surpreendentemente simples. Tudo o que você precisa é de um editor de texto e um navegador web. No nosso caso, estamos usando o VSCode como nosso editor de texto e você pode escolher o navegador de sua preferência.

Vamos começar abrindo o VSCode e criando um novo arquivo. Você pode fazer isso clicando em “File” > “New File”. Vamos salvar este arquivo como “index.html”. A extensão “.html” é muito importante, pois informa ao nosso sistema que este é um arquivo HTML.

Agora, vamos começar a escrever nosso código HTML. Todo documento HTML começa com a declaração do tipo de documento. Isso é feito para informar ao navegador que tipo de documento ele está lendo e como interpretá-lo. Para HTML5, a declaração do tipo de documento é muito simples:

<!DOCTYPE html>

Em seguida, vamos abrir e fechar as tags <html>. Todo o nosso código HTML vai ficar dentro dessas tags.

<!DOCTYPE html>
<html>

</html>

Dentro das tags <html>, vamos ter duas seções principais: <head> e <body>. A seção <head> contém informações sobre a página web, como o título, enquanto a seção <body> contém o conteúdo que será exibido na página web.

<!DOCTYPE html><br><html><br><head><br>    <title>Minha primeira página HTML</title><br></head><br><body><br><br></body><br></html><br>

Agora, vamos adicionar nosso “Hello World” na seção <body>. Vamos usar a tag <p> para criar um parágrafo.

<!DOCTYPE html>
<html>
<head>
    <title>Minha primeira página HTML</title>
</head>
<body>
    <p>Hello World!</p>
</body>
</html>

E aí está! Você acabou de criar sua primeira página HTML. Salve o arquivo e abra-o em seu navegador para ver o resultado.

Conclusão

Parabéns por criar sua primeira página HTML! Embora seja uma página simples, você aprendeu alguns dos conceitos mais fundamentais do HTML: tags, elementos, a estrutura básica de uma página HTML e como criar e visualizar uma página HTML. Na próxima aula, vamos explorar mais sobre as tags e elementos HTML e como eles são usados para estruturar e formatar uma página web. Até lá, sinta-se à vontade para experimentar e adicionar mais conteúdo à sua página “Hello World”!