O que é HTML? Uma Introdução para Iniciantes
Descrição
HTML (HyperText Markup Language) é a linguagem padrão utilizada para criar e estruturar páginas na web. Ele é essencial para qualquer desenvolvedor web, pois define o conteúdo e a estrutura de um site. Vamos explorar a importância do HTML, sua estrutura básica e apresentar um exemplo prático.
Estrutura Básica de um Documento HTML : Introdução ao HTML
Um documento HTML é composto por uma série de elementos que descrevem diferentes partes da página. Aqui está um exemplo simples:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minha Primeira Página HTML</title>
</head>
<body>
<h1>Olá, Mundo!</h1>
<p>Este é o meu primeiro documento HTML.</p>
</body>
</html>
Vamos dissecar este exemplo:
- <!DOCTYPE html>: Declaração que define o documento como HTML5.
-
<html lang=”pt-br”>: Elemento raiz que contém todo o conteúdo da página. O atributo
langdefine o idioma. -
<head>: Contém metadados, como o conjunto de caracteres (
<meta charset="UTF-8">), configurações de visualização (<meta name="viewport" content="width=device-width, initial-scale=1.0">) e o título da página (<title>). -
<body>: Contém o conteúdo visível da página. Neste exemplo, temos um cabeçalho (
<h1>) e um parágrafo (<p>).
Exemplo Prático : Introdução ao HTML
Para criar sua própria página HTML, siga estes passos simples:
-
Crie um arquivo: Abra um editor de texto e salve o arquivo com a extensão
.html, por exemplo,index.html. - Estruture o documento: Copie e cole o código acima no seu arquivo.
- Abra no navegador: Salve o arquivo e abra-o no navegador para ver sua primeira página HTML em ação.
Conclusão
HTML é a base da criação de páginas web. Compreender sua estrutura básica é o primeiro passo para se tornar um desenvolvedor web. Continue explorando e praticando para aprimorar suas habilidades.
💡 Gostou do conteúdo?
✅ Apoie-nos: Siga, Curta, Comente e Compartilhe!
📲 Conecte-se com a WebMundi:
▶️ YouTube
▶️ Facebook
▶️ Instagram
▶️ LinkedIn
▶️ TikTok
👥 Participe do nosso Discord para tirar dúvidas e ajudar outras pessoas!
