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.