Sua Primeira Página HTML
Objetivo
O objetivo desta atividade consiste em abordar os seguintes tópicos:
- Criar a estrutura básica de um HTML
- Analisar o que se coloca no cabeçalho (
<head>) e no corpo (<body>) de um HTML. - Compreender o que é um atributo e tag.
Descrição
Para iniciar a criação da sua primeira página HTML, primeiro é necessário verificar a existência de algum editor, como o Visual Studio Code. Além disso, é recomendado utilizar alguns plugins para acelerar o desenvolvimento das páginas Web, por exemplo, o LiveServer para transformar o editor em um servidor Web.
Depois de verificar a instalação, o próximo passo deve ser a criação da pasta onde será armazenado todo o conteúdo do site, no intuito de facilitar futuramente sua transfarência para algum servidor.
Uma sugestão seria usar a pasta code.zip, para depois abrir esta pasta code no seu editor de preferência.
Quanto ao conteúdo, tente compreender e escrever esse código, linha a linha, no arquivo index.html dentro da pasta code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Bem-vindos</title>
</head>
<body>
<h1>Olá, turma!</h1>
<p>Meu primeiro parágrafo.</p>
</body>
</html>Importante! Não copie e cole esse HTML no arquivo
index.html, tente escrever o código, linha a linha, compreendendo o signicado do que está sendo gerado.
A medida que for editando o arquivo HTML, tente visualizar o código gerado em algum navegador e veja se o resultado se assemalha ao da Figura 1.
Figura 1 - Minha Primeira Página.
Detalhe, para editar esse código pode-se usar:
- O navegador de arquivo do Sistema Operacional;
- Browser
- Visual Studio Code com o plugin
LiveServer.