Lista de aulas HTML →
Voltar ao início
Módulo 1
Todas as aulas >>>
- Conteúdo 1 - Introdução ao HTML
- Conteúdo 2 - Trabalhando com Formulários em HTML
- Conteúdo 3 - Estruturando HTML + Formatações
- Conteúdo 4 - Trabalhando com mídias utilizando HTML
- Conteúdo 5 - Criando tabelas com HTML
- Conteúdo 6 - Entendendo HTML Semântico
- Conteúdo 7 - Trabalhando com Vídeos em HTML
- Conteúdo 8 - Trabalhando com Áudios em HTML
Conteúdo 1 - Introdução ao HTML
Voltar | Próximo | Voltar ao início
O HTML é uma linguagem de marcação utilizada para criar páginas web. Ela é composta por tags, que são elementos que definem o conteúdo da página.
Veja mais...
A tag <html> é a tag principal que define o início e o fim do documento HTML.
A tag <head> é a tag que define o cabeçalho do documento HTML.
A tag <body> é a tag que define o corpo do documento HTML.
A tag <div> que é uma tag genérica para uso geral, mas que deve ser utilizada com moderação por conta da semântica.
E muito mais!
Conteúdo 2 - Trabalhando com Formulários em HTML
Voltar | Próximo | Voltar ao início
Apredemos a utilizar os elementos de formulário para criar páginas web interativas.
Veja mais...
A tag <form> é a tag que define o formulário.
A tag <input> é a tag que define o campo de entrada de dados.
A tag <label> é a tag que define o rótulo do campo de entrada de dados.
A tag <button> é a tag que define o botão de envio do formulário.
A tag <select> é a tag que define o campo de seleção de opções.
A tag <textarea> é a tag que define o campo de texto multi-linha.
E muito mais!
Conteúdo 3 - Estruturando HTML + Formatações
Voltar | Próximo | Voltar ao início
Apredemos a estruturar o HTML e a utilizar as formatações para melhorar a apresentação do conteúdo, onde utilizar, como utilizar e porque utilizar.
Veja mais...
A tag <header> é a tag que define o cabeçalho do documento HTML.
A tag <footer> é a tag que define o rodapé do documento HTML.
A tag <main> é a tag que define o conteúdo principal do documento HTML.
A tag <section> é a tag que define uma seção do documento HTML.
A tag <article> é a tag que define um artigo do documento HTML.
A tag <aside> é a tag que define um conteúdo relacionado ao conteúdo principal.
A tag <nav> é a tag que define uma navegação do documento HTML.
A tag <div> que é uma tag genérica para uso geral, mas que deve ser utilizada com moderação por conta da semântica.
A tag <p> utilizada para parágrafos dentro de uma estruturação de textos na página
E muito mais!
Conteúdo 4 - Trabalhando com mídias utilizando HTML
Voltar | Próximo | Voltar ao início
Apredemos a utilizar as mídias para melhorar a apresentação do conteúdo, onde utilizar, como utilizar e porque utilizar.
Veja mais...
A tag <img> é a tag que define uma imagem do documento HTML.
A tag <video> é a tag que define um vídeo do documento HTML.
A tag <audio> é a tag que define um áudio do documento HTML.
A tag <iframe> é a tag que define um iframe do documento HTML.
A tag <map> é a tag que define um mapa do documento HTML.
A tag <area> é a tag que define uma área do documento HTML.
A tag <figcaption> é a tag que define um legenda do documento HTML.
A tag <figure> é a tag que define uma figura do documento HTML.
E muito mais!
Conteúdo 5 - Criando tabelas com HTML
Voltar | Próximo | Voltar ao início
Apredemos a criar tabelas para organizar e apresentar informações de forma estruturada.
Veja mais...
A tag <table> é a tag que define uma tabela do documento HTML.
A tag <tr> é a tag que define uma linha da tabela.
A tag <td> é a tag que define uma célula da tabela.
A tag <th> é a tag que define uma célula de cabeçalho da tabela.
A tag <caption> é a tag que define um título da tabela.
A tag <thead> é a tag que define o cabeçalho da tabela.
A tag <tbody> é a tag que define o corpo da tabela.
A tag <tfoot> é a tag que define o rodapé da tabela.
E muito mais!
Conteúdo 6 - Entendendo HTML Semântico
Voltar | Próximo | Voltar ao início
Apredemos a utilizar as tags semânticas para melhorar a estrutura do documento HTML, além de aprender sobre acessibilidade e SEO.
Levando em consideração pessoas com deficiências que dependem de leitores de tela para navegar na internet.
Os itens de acessibilidade para deficientes são utilizadas dentro das tags que contem o conteúd, fazendo com que o leitor de tela leia o conteúdo da página de forma adequada.
Veja mais...
A tag <header> é a tag que define o cabeçalho do documento HTML.
A tag <footer> é a tag que define o rodapé do documento HTML.
A tag <main> é a tag que define o conteúdo principal do documento HTML.
A tag <section> é a tag que define uma seção do documento HTML.
A tag <article> é a tag que define um artigo do documento HTML.
A tag <aside> é a tag que define um conteúdo relacionado ao conteúdo principal.
A tag <nav> é a tag que define uma navegação do documento HTML.
E muito mais!
Conteúdo 7 - Trabalhando com Vídeos em HTML
Voltar | Próximo | Voltar ao início
Apredemos a utilizar os vídeos para melhorar a apresentação do conteúdo, onde utilizar, como utilizar e porque utilizar.
Veja mais...
A tag <video> é a tag que define um vídeo do documento HTML.
A tag <iframe> é a tag que define um iframe do documento HTML, podendo adicionar vídeos de outros sites.
A tag <track> é a tag que define um legenda do documento HTML.
E muito mais!
Conteúdo 8 - Trabalhando com Áudios em HTML
Voltar | Próximo | Voltar ao início
Apredemos a utilizar os áudios para melhorar a apresentação do conteúdo, podendo ter um controle de volume, tempo de reprodução,
entre outros. Além de poder deixar rolando o áudio enquanto o usuário navega pela página.
Veja mais...
A tag <audio> é a tag que define um áudio do documento HTML.
A tag <source> é a tag que define um áudio do documento HTML.
Adicionar controls para adicionar os controles de volume, tempo de reprodução, entre outros.
Adicionar autoplay para reproduzir o áudio automaticamente.
Adicionar loop para repetir o áudio.
Adicionar muted para silenciar o áudio.
Adicionar preload para carregar o áudio antes de reproduzi-lo.
Adicionar controlslist para adicionar os controles de volume, tempo de reprodução, entre outros.
E muito mais!
