Ajuste da Imagem - Conceitos Básicos

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Quais atributos devem ser usados para informar as dimensões de uma imagem?

height e width (correct)

src e type

controls e autoplay

alt e title

Qual a tag correta para definir um botão de rádio?

<input type='radio'> (correct)

Qual o efeito de usar percentagens para definir o tamanho de uma imagem?

As dimensões mudam de acordo com a janela do navegador. (correct)

A imagem se torna fixa em tamanho.

A imagem se distorce.

As dimensões não podem ser alteradas.

Qual atributo deve ser usado para agrupar botões de rádio?

name Signup and view all the answers

O que o atributo 'checked' faz em um botão de rádio?

Define se o botão deve ser inicialmente selecionado Signup and view all the answers

Qual é a função do atributo 'alt' em uma imagem?

Substituir a imagem quando não pode ser carregada. Signup and view all the answers

Para criar um combobox, quais tags são necessárias?

<select> e <option> Signup and view all the answers

O que deve ser evitado ao usar imagens da web?

Usar links que podem não estar mais disponíveis. Signup and view all the answers

Quais formatos de vídeo são suportados pelos principais navegadores?

MP4, WebM, Ogg Signup and view all the answers

Qual atributo é utilizado para especificar o valor a ser enviado quando uma opção do combobox é selecionada?

value Signup and view all the answers

O que é necessário para uma caixa de texto ter um número específico de linhas visíveis?

rows Signup and view all the answers

Qual atributo deve ser utilizado quando se deseja incluir controles de reprodução em um vídeo?

controls Signup and view all the answers

Qual é o valor adequado para o atributo type de um botão de envio?

submit Signup and view all the answers

Qual o objetivo do atributo 'mute' em um vídeo?

Reproduzir o vídeo sem áudio. Signup and view all the answers

Qual tag deve ser usada para informar o tipo de vídeo na web?

<source> Signup and view all the answers

Para qual finalidade usa-se o atributo 'name' em um formulário?

Associar um valor a ser enviado Signup and view all the answers

Quais atributos podem ser usados para configurar a reprodução de um vídeo do Youtube?

controls=1 Signup and view all the answers

Qual é a forma correta de incluir um mapa do Google Maps em uma página web?

Utilizando a tag <iframe> Signup and view all the answers

Quais tipos de áudio são suportados pelos principais navegadores?

MP3 Signup and view all the answers

Qual atributo deve ser utilizado para incluir os controles de reprodução de áudio?

controls Signup and view all the answers

O que deve ser adicionado à URL de um vídeo para iniciar a reprodução sem som?

mute=1 Signup and view all the answers

Qual é o formato correto para o atributo 'type' ao informar um arquivo de áudio MP3?

audio/mpeg Signup and view all the answers

Para ocultar os controles de reprodução de um vídeo do Youtube, qual valor deve ser utilizado?

controls=0 Signup and view all the answers

Ao criar um áudio para reprodução automática, qual deve ser a combinação correta de atributos?

autoplay=1&mute=1 Signup and view all the answers

Qual é a finalidade de classificar elementos em um site?

Aplicar formatos a vários elementos e realizar operações com todos os elementos da mesma classe. Signup and view all the answers

Qual atributo deve ser utilizado para designar a qual classe um elemento pertence?

class Signup and view all the answers

Em um site com a estrutura proposta, que tipo de conteúdo deve estar presente na página 'Quem somos'?

Um vídeo do Youtube e pelo menos dois parágrafos com título. Signup and view all the answers

Qual é o mínimo de serviços que deve ser listado na página de 'Serviços'?

Três serviços. Signup and view all the answers

Qual é a função do formulário na página 'Entre em Contato'?

Coletar informações do usuário como email e descrição. Signup and view all the answers

Qual elemento deve ser usado para agrupar componentes de um formulário?

<fieldset> Signup and view all the answers

Como você pode obrigar um usuário a informar um valor em um formulário?

Usando o atributo required Signup and view all the answers

Qual atributo deve ser usado para adicionar uma imagem de fundo a uma página?

background Signup and view all the answers

Como inserir mais de um espaço entre caracteres em HTML?

Usando o código Signup and view all the answers

Qual é a função do atributo id em um elemento HTML?

Identificar o elemento de forma única Signup and view all the answers

Como você pode representar o caractere '<' em HTML?

Usando o código < Signup and view all the answers

Qual é a maneira correta de incluir um título para uma caixa de grupo em HTML?

Usando o elemento <legend> Signup and view all the answers

O que acontece quando o botão de envio é pressionado em um formulário?

Os dados são mostrados na url Signup and view all the answers

Study Notes

Ajuste de Imagem

É possível usar height e width para ajustar imagens, mas tomar cuidado com distorções.
As dimensões podem ser definidas em porcentagem, adaptando-se à janela do navegador.

Atributos da Imagem

O atributo alt serve para mostrar um título caso a imagem não carregue.
O atributo title apresenta um título ao passar o cursor sobre a imagem.

Imagens na Web

Para usar uma imagem online, copie o endereço da imagem através do navegador.
Dependendo da disponibilidade da imagem na web, utilizar imagens pode ser arriscado, pois elas podem deixar de existir.

Vídeos

Navegadores modernos suportam vídeos nos formatos MP4, WebM e Ogg.
Para exibir um vídeo, utilizar as tags <video> e definir suas dimensões com width e height.
O atributo controls exibe os controles de reprodução do vídeo, enquanto autoplay inicia o vídeo automaticamente e mute o silencia.

Vídeos do YouTube

Para incorporar vídeos do YouTube, usar as tags <iframe> com atributos de dimensões e a URL do vídeo.
É possível adicionar parâmetros à URL do vídeo para controlar a exibição, como controls, loop, mute e autoplay.

Mapas

Para integrar um mapa do Google Maps, usar o elemento <iframe> e obter o código HTML no Google Maps através da opção "Compartilhar" e "Inserir mapa".

Áudio

Formatos de áudio suportados incluem MP3, WAV e Ogg, com suporte em navegadores modernos.
Utilizar as tags <audio> e definir controles de reprodução com controls e autoplay com o atributo autoplay.

Formulários

Para botões de rádio, usar o atributo type com valor "radio" e o atributo name para agrupamento.
Para caixas combinadas (combobox), usar as tags <select> e <option>, definindo value para cada opção.

Caixas de Texto

Utilizar <textarea> para caixas de texto, informando rows e cols para definir suas dimensões.

Botão de Envio

Definir um botão de envio com a tag <input> e atributo type como "submit", personalizando o value para o texto a ser exibido.

Campos Obrigatórios

O atributo required torna um campo obrigatório, forçando o preenchimento.

Caracteres Especiais

Utilizar códigos especiais para caracteres HTML, como < para "<" e   para espaços.

Identificação de Elementos

Atributo id serve para identificar elementos de forma única em uma página.

Classificação de Elementos

Com o atributo class, múltiplos elementos podem ser agrupados, permitindo estilizações em grupo.

Exercício Proposto

Criar um site com várias páginas: principal, quem somos, serviços e contato, cada uma com elementos e estruturas específicas, incluindo texto, vídeos e formulários.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Description

Neste quiz, você vai explorar os fundamentos do ajuste de imagens na web. Aprenda a usar as propriedades height e width de forma eficaz e descubra como o tamanho percentual pode impactar a exibição em diferentes navegadores. Prepare-se para praticar e aprimorar suas habilidades em design web!