HTML Supremo

1. Desenvolvimento Web

Explore o funcionamento interno da web. Aprenda como os dados viajam através das redes, descubra o papel dos protocolos e desvende os mistérios dos endereços IP e nomes de domínio. Obtenha um entendimento de alto nível de como os navegadores e servidores da web se comunicam para fornecer conteúdo na web.

Mundo Web

O Que é a Internet?

Entendendo como a Internet Funciona

Como um Site Funciona

Desenvolvimento Frontend vs Backend

Caminho para o Sucesso

2. Tags e Atributos

Descubra o poder das tags para estruturar conteúdo, desde títulos e parágrafos até listas e tabelas. Aprenda como aprimorar os elementos com atributos.

Revelando o Potencial de Tags e Atributos HTML

Desafio: Imagens

🏁 Objetivo

Pratique o uso do caminho absoluto para imagens em HTML. Após a conclusão deste desafio, você:

Ganhará experiência prática no uso do caminho absoluto em um documento HTML;
Aprenderá como fornecer um texto alt significativo para imagens para garantir acessibilidade e experiência do usuário.

📋 Tarefa

Certifique-se de que o atributo src da primeira imagem utiliza o caminho absoluto. Você pode encontrar a imagem em: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png;
Utilize o caminho absoluto para o atributo src da segunda imagem. Acesse a imagem aqui: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png;
Especifique o valor apropriado do atributo alt para ambas as imagens. Lembre-se de que o valor alt é crucial para fornecer contexto no caso de falha no carregamento das imagens ou para usuários que dependem de leitores de tela.

index.html

index.css

index.js

Utilize a tag img para especificar uma imagem;
Utilize o atributo src para especificar a localização da imagem;
Utilize o atributo alt para fornecer um texto descritivo para a imagem;
Você pode utilizar o atributo width para definir a largura da imagem;
Você pode utilizar o atributo height para definir a altura da imagem.

index.html

index.css

index.js

Tudo estava claro?

Seção 4. Capítulo 3

Conteúdo do Curso

HTML Supremo

1. Desenvolvimento Web

Mundo Web O Que é a Internet?Entendendo como a Internet Funciona Como um Site Funciona Desenvolvimento Frontend vs Backend Caminho para o Sucesso

2. Tags e Atributos

Revelando o Potencial de Tags e Atributos HTML Tags Atributos Tags Emparelhadas e Únicas Marcação de Texto Desafio 1: Marcação de Texto Desafio 2: Marcação de Texto Desafio 3: Marcação de Texto Marcação de Texto com Propósito Especial Desafio: Marcação de Texto com Propósito Especial Validação

3. Estrutura do Documento

Segredos das Páginas Web Estruturadas Estrutura Cabeçalho do Documento Fluxo do Documento Desafio: Estrutura do Documento Ferramentas de Desenvolvedor

4. Mídias e Tabelas

A Magia das Mídias Interativas e Tabelas Dinâmicas Imagens Desafio: Imagens Imagens de Propósito Especial Formatos Gráficos Incorporação de Áudio e Vídeo Desafio: Áudio e Vídeo Tabelas Desafio: Tabelas

5. Formulários

O Poder dos Formulários: Interagir e Engajar Base de Criação de Formulários Label para Elemento de Input Atributos de Input Tipos de Input Desafio: Input e Label Elemento Textarea Elemento Select Elemento Datalist Elementos de Formulário de Grupo

HTML Supremo

Desafio: Imagens

🏁 Objetivo

Pratique o uso do caminho absoluto para imagens em HTML. Após a conclusão deste desafio, você:

Ganhará experiência prática no uso do caminho absoluto em um documento HTML;
Aprenderá como fornecer um texto alt significativo para imagens para garantir acessibilidade e experiência do usuário.

📋 Tarefa

Certifique-se de que o atributo src da primeira imagem utiliza o caminho absoluto. Você pode encontrar a imagem em: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png;
Utilize o caminho absoluto para o atributo src da segunda imagem. Acesse a imagem aqui: https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png;
Especifique o valor apropriado do atributo alt para ambas as imagens. Lembre-se de que o valor alt é crucial para fornecer contexto no caso de falha no carregamento das imagens ou para usuários que dependem de leitores de tela.

index.html

index.css

index.js

Utilize a tag img para especificar uma imagem;
Utilize o atributo src para especificar a localização da imagem;
Utilize o atributo alt para fornecer um texto descritivo para a imagem;
Você pode utilizar o atributo width para definir a largura da imagem;
Você pode utilizar o atributo height para definir a altura da imagem.

index.html

index.css

index.js

Tudo estava claro?

Seção 4. Capítulo 3