Este curso de HTML para desenvolvedores da Web oferece uma visão geral sólida para desenvolvedores, de iniciantes a especialistas em HTML.
A linguagem de marcação de hipertexto, ou HTML, é a base da Web, fornecendo o conteúdo e a estrutura dele que você vê no navegador.
A menos que você esteja lendo um PDF ou uma versão impressa desta página, este conteúdo é composto de vários elementos HTML e texto. O HTML é a camada de conteúdo da Web. Os elementos HTML são os nós que compõem o Modelo de objeto de documento.
As Cascading Style Sheets (CSS) fornecem a aparência ou a camada de apresentação da página. O JavaScript é a camada de comportamento, geralmente usada para manipular os objetos em um documento. Os sites criados com frameworks JavaScript apenas manipulam HTML. Por sua vez, é importante marcar seu HTML de forma que os scripts possam analisar facilmente e que as tecnologias assistivas possam entender.
Isso significa escrever código HTML com padrões modernos.
O que você vai aprender
Este curso de HTML para desenvolvedores da Web oferece uma visão geral sólida para desenvolvedores, do nível iniciante ao especialista em HTML. Se você nunca usou HTML, vai aprender a criar conteúdo estruturalmente sólido. Se você cria sites há anos, este curso pode preencher lacunas de conhecimento que você nem sabia que tinha.
Ao longo desta jornada, vamos criar a estrutura do MachineLearningWorkshop.com. Nenhum computador foi danificado na criação desta série.
Esta não é uma referência completa. Cada seção apresenta o tópico da seção
com breves explicações e exemplos, proporcionando a você uma oportunidade de explorar
mais. Há links para referências de tópicos, como as especificações MDN e WHATWG, além de outros artigos web.dev. Embora este não seja um curso de acessibilidade, cada
seção inclui práticas recomendadas e problemas específicos, com links para
mais detalhes sobre o assunto. Cada seção tem uma avaliação curta para ajudar as pessoas a
confirmar o entendimento.
Você vai aprender a:
Visão geral do HTML
Uma breve introdução aos principais conceitos do HTML.
Estrutura do documento
Aprenda a estruturar seus documentos HTML com uma base sólida.
Metadados
Como usar metatags para fornecer informações sobre seus documentos.
HTML semântico
Usar os elementos HTML corretos para descrever o conteúdo do documento.
Cabeçalhos e seções
Como usar corretamente os elementos de seccionamento para dar significado ao seu conteúdo.
Atributos
Saiba mais sobre os diferentes atributos globais e aqueles específicos de determinados elementos HTML.
Princípios básicos de texto
Como formatar texto usando HTML.
Links
Tudo o que você precisa saber sobre links.
Listas
Listas e outras formas de agrupar seu conteúdo.
Navegação
A navegação é um elemento essencial de qualquer site ou aplicativo, e ela começa com HTML.
Tabelas
Entender como usar tabelas para marcar dados tabulares.
Formulários
Uma visão geral dos formulários em HTML.
Imagens
Uma visão geral das imagens em HTML.
Áudio e vídeo
Saiba como trabalhar com mídia HTML, como áudio e vídeo.
Modelo, slot e sombra
Uma explicação sobre modelo, slot e sombra.
APIs HTML
Aprenda como as informações HTML podem ser expostas e manipuladas usando JavaScript.
Foco
Como gerenciar a ordem de foco nos seus documentos HTML.
Outros elementos de texto inline
Uma introdução à variedade de elementos usados para marcar texto.
Detalhes e resumo
Descubra como funcionam os elementos de detalhes e resumo muito úteis e onde usá-los.
Diálogo
O elemento <dialog> é útil para representar qualquer tipo de caixa de diálogo
em HTML. Saiba como ele funciona.
Conclusão e próximas etapas
Para encerrar, confira mais recursos.
Então, tudo pronto para aprender HTML? Vamos começar.