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.
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 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.