Este curso de HTML para desenvolvedores da Web oferece uma visão geral sólida para desenvolvedores, do nível iniciante ao nível de especialista em HTML.

Bem-vindo ao HTML! A linguagem de marcação de hipertexto, ou HTML, é a espinha dorsal da Web, fornecendo o conteúdo e a estrutura desse conteúdo que aparecem no seu navegador da Web.

A menos que você esteja lendo um PDF ou uma versão impressa desta página, o conteúdo é composto por vários elementos e textos HTML. 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 CSS (Cascading Style Sheets) fornecem a aparência ou a camada de apresentação da página. O JavaScript é a camada de comportamento, muitas vezes usada para manipular os objetos em um documento. Os sites criados com frameworks de JavaScript estão apenas manipulando HTML. Por sua vez, é importante marcar seu HTML de forma que os scripts possam ser analisados com facilidade e que as tecnologias adaptativas possam entender. Isso significa escrever código HTML com padrões modernos.

Visão geral

Este curso de HTML para desenvolvedores da Web oferece uma visão geral sólida para desenvolvedores, do nível iniciante ao nível de especialista em HTML. Se você não tem experiência com HTML, vai aprender a criar conteúdo estruturalmente seguro. Se você já desenvolve 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. Nenhuma máquina foi danificada 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ê a oportunidade de explorar mais. Haverá links para referências de tópicos, como as especificações do MDN e do WHATWG, e outros artigos do 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 mergulhos mais profundos no assunto. Cada seção terá uma avaliação curta para ajudar as pessoas a confirmarem o que entenderam.

O que você vai aprender:

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

Use os elementos HTML corretos para descrever o conteúdo do documento.

Títulos e seções

Como usar os elementos de divisão corretamente para dar sentido ao seu conteúdo.

Atributos

Saiba mais sobre os diferentes atributos globais e atributos específicos de elementos HTML específicos.

Noções básicas 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-chave de qualquer site ou aplicativo, e ela começa com HTML.

Tabelas

Entender como usar tabelas para marcar dados tabulares.

Formulários

Visão geral dos formulários em HTML.

Imagens

Visão geral das imagens em HTML.

Áudio e vídeo

Descubra como trabalhar com mídias 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 documentos HTML.

Outros elementos de texto inline

Uma introdução à variedade de elementos usados para marcar texto.

Detalhes e resumo

Descubra como os elementos de detalhes e resumo funcionam 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

Vamos encerrar com alguns outros recursos.

Então, você está pronto para aprender HTML? Vamos começar.