Skip to content

Guia completo e prático sobre HTML, desde conceitos básicos até boas práticas de semântica e acessibilidade. Perfeito para iniciantes e intermediários que buscam aprender ou revisar fundamentos da web.

License

Notifications You must be signed in to change notification settings

Raullize/GuiaHTML

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 

Repository files navigation

🌐 GuiaHTML

Bem-vindo ao GuiaHTML! Aqui você encontrará explicações, anotações e dicas sobre HTML, desde os conceitos básicos até tópicos mais avançados. Este guia foi criado para iniciantes e programadores intermediários que queiram relembrar ou consolidar conhecimentos sobre HTML. Vamos lá! 🖥️

📚 Conteúdo

  1. 📖 O que é HTML?
  2. 🛠️ Preparando o Ambiente
  3. 🔍 Principais Tags e Conceitos
  4. 💬 Comentários
  5. 🖼️ Imagens
  6. 🔗 Links
  7. 📋 Listas
  8. 📑 Formulários
  9. 📊 Tabelas
  10. 🧩 Div e Span
  11. 📐 Semântica
  12. ♿ Acessibilidade
  13. 🔍 Meta Tags e SEO
  14. 🎮 Eventos HTML
  15. 🏷️ Atributos de Dados (data-*)
  16. ✨ Clean Code e Boas Práticas

📖 O que é HTML?

HTML (HyperText Markup Language) é a linguagem fundamental da web, responsável por estruturar todo o conteúdo que você visualiza em páginas na internet. Diferente das linguagens de programação tradicionais, o HTML é uma linguagem de marcação que utiliza tags (etiquetas) para definir a estrutura e organização dos elementos em uma página.

Como funciona o HTML:

  • Estrutura: Define a arquitetura básica de um documento web, organizando elementos como cabeçalhos, parágrafos, imagens e links.
  • Semântica: Proporciona significado aos elementos, ajudando navegadores e tecnologias assistivas a entenderem o propósito do conteúdo.
  • Base para outras tecnologias: Trabalha em conjunto com CSS (para estilização) e JavaScript (para interatividade).

Exemplo básico de um documento HTML:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <title>Minha Primeira Página</title>
</head>
<body>
    <h1>Olá, Mundo!</h1>
    <p>Este é um parágrafo em HTML.</p>
</body>
</html>

O HTML está atualmente na versão HTML5, que introduziu novas tags semânticas, suporte nativo para áudio e vídeo, e recursos avançados que facilitam o desenvolvimento de aplicações web modernas.

🌐 Recursos Adicionais


Esperamos que este guia tenha sido útil para você! 😄 Continuaremos expandindo com mais dicas e exemplos.

🎯 Contribuições são bem-vindas! Caso queira adicionar algo, faça um pull request no repositório.

About

Guia completo e prático sobre HTML, desde conceitos básicos até boas práticas de semântica e acessibilidade. Perfeito para iniciantes e intermediários que buscam aprender ou revisar fundamentos da web.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published