Bem-vindo ao Aprenda HTML!

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

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

A menos que você esteja lendo um PDF ou uma versão impressa da página, esse conteúdo é composto de vários elementos HTML e texto. HTML é a camada de conteúdo da Web. Os elementos HTML são os nós que compõem o modelo de objeto de documentos.

Folhas de estilo em cascatas 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 estruturas JavaScript são, na verdade, apenas manipulando HTML. Por sua vez, é importante marcar o HTML de uma maneira que os scripts possam analisar facilmente e que as tecnologias assistivas possam entender facilmente. Isso significa escrever código HTML com padrões modernos.

Visão geral

Este curso de HTML para desenvolvedores da Web fornece uma visão geral sólida para desenvolvedores, do iniciante ao HTML de nível especializado. Se você for completamente novo em HTML, 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.

Nesta jornada, você criará a estrutura do MachineLearningWorkshop.com. Nenhuma máquina foi danificada durante a criação da 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, o que proporciona a você uma oportunidade de explorar mais. Haverá links para referências de temas, como as especificações MDN e WhatWG (links em inglês), além de outros artigos do web.dev. Embora este não seja um curso de acessibilidade, cada seção vai incluir práticas recomendadas de acessibilidade e questões específicas, com links para informações mais detalhadas sobre o assunto. Cada seção terá uma breve avaliação para ajudar as pessoas a confirmar o conhecimento.

Você aprenderá a fazer o seguinte:

Visão geral de HTML

Uma breve introdução aos principais conceitos de HTML.

Estrutura do documento

Saiba como estruturar seus documentos HTML com uma base sólida.

Metadata

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.

Títulos e seções

Como usar corretamente os elementos de seção para dar significado ao conteúdo.

Attributes

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

Conceitos básicos de texto

Como formatar texto usando HTML.

Tudo o que você precisa saber sobre links.

Listas

Listas e outras formas de agrupar seu conteúdo.

A navegação é um elemento essencial de qualquer site e 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

Descubra 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

Saiba como as informações HTML podem ser expostas e manipuladas usando JavaScript.

Foco

Como gerenciar a ordem de foco em documentos HTML.

Outros elementos de texto inline

Uma introdução aos elementos usados para marcar texto.

Detalhes e resumo

Descubra como funcionam os detalhes e elementos de resumo muito úteis e onde usá-los.

Diálogo

O elemento <dialog> é um elemento útil para representar qualquer tipo de caixa de diálogo em HTML. Descubra como ele funciona.

Conclusão e próximas etapas

Vamos finalizar com mais alguns recursos.

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