Configurando sua primeira página HTML
Escreva seu primeiro código HTML usando um editor de texto simples.
Configurando sua primeira página HTML é uma aula grátis de HTML for Kids no CoddyKit. Esta é a aula 4 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de HTML for Kids, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de HTML for Kids inclui 4 aulas no total.
Configurando sua primeira página HTML
Boas-vindas à parte mais empolgante do aprendizado de HTML! Hoje, criaremos sua primeira página HTML do zero. Prepare-se para ver seu código ganhar vida!
Ferramentas necessárias
Para criar uma página HTML, você precisa apenas de duas coisas:
- Um editor de texto: exemplos incluem o Bloco de Notas (Windows), o TextEdit (Mac) ou qualquer outro editor, como o VS Code.
- Um navegador da web: Chrome, Firefox ou qualquer navegador para visualizar sua página.
Vamos começar a programar!
Abra seu editor de texto
Etapa 1: abra seu editor de texto
1. Abra seu editor de texto, como o Bloco de Notas ou o VS Code.
2. Salve um novo arquivo como index.html. Inclua a extensão .html!
Agora estamos prontos para adicionar código HTML!
Escreva a estrutura básica
Etapa 2: escreva a estrutura básica
Toda página HTML precisa de uma estrutura básica. Digite o código a seguir no seu arquivo:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>Adicione um título
Etapa 3: adicione um título
Dentro da etiqueta <body>, adicione um título à sua página:
<h1>Welcome to My First Web Page!</h1>
Adicione um parágrafo
Etapa 4: adicione um parágrafo
Abaixo do título, adicione um parágrafo descrevendo sua página:
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
Salve e abra sua página
Etapa 5: salve e abra sua página
1. Salve o arquivo depois de escrever seu código.
2. Abra seu navegador.
3. Arraste e solte o arquivo index.html na janela do navegador.
Pronto! Sua primeira página da web está no ar!
Sua página HTML completa
Veja como seu código final deve ficar:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My First Web Page!</h1>
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>My Awesome Page</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
Muito bem!
Parabéns por criar sua primeira página HTML! Você aprendeu a configurar a estrutura básica, adicionar um título e escrever um parágrafo. Na próxima lição, aprenderemos a adicionar elementos mais interessantes, como imagens e links, à sua página. Continue com esse ótimo trabalho!
Aprenda HTML com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 16
- Aulas
- 35
Perguntas Frequentes
A aula “Configurando sua primeira página HTML” é grátis?
Sim — o texto completo de “Configurando sua primeira página HTML” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de HTML for Kids, atualize para CoddyKit PRO. O curso de HTML for Kids inclui 4 aulas no total.
O que vou aprender em “Configurando sua primeira página HTML”?
Escreva seu primeiro código HTML usando um editor de texto simples. Você pratica HTML for Kids com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar HTML for Kids?
Nenhuma experiência prévia é necessária. HTML for Kids no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 4 de 4.
Quanto tempo leva a aula “Configurando sua primeira página HTML”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de HTML for Kids?
Sim. Cada aula de HTML for Kids inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- O que é HTML?
- Estrutura do HTML: os blocos de construção
- Tags e elementos HTML
- Configurando sua primeira página HTML