Introdução ao HTML

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.

Tutorial HTML Básico : WebMundi.com
Tutorial HTML Básico : WebMundi.com

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:

  1. <!DOCTYPE html>: Declaração que define o documento como HTML5.
  2. <html lang=”pt-br”>: Elemento raiz que contém todo o conteúdo da página. O atributo lang define o idioma.
  3. <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>).
  4. <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:

  1. Crie um arquivo: Abra um editor de texto e salve o arquivo com a extensão .html, por exemplo, index.html.
  2. Estruture o documento: Copie e cole o código acima no seu arquivo.
  3. 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!

🔗 Discord webmundi.com

Posts Similares