Ajuste da Imagem - Conceitos Básicos

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

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)
  • <input type='checkbox'>
  • <select>
  • <button type='button'>

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?

<p>name (C)</p> Signup and view all the answers

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

<p>Define se o botão deve ser inicialmente selecionado (D)</p> Signup and view all the answers

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

<p>Substituir a imagem quando não pode ser carregada. (A)</p> Signup and view all the answers

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

<p><select> e <option> (D)</p> Signup and view all the answers

O que deve ser evitado ao usar imagens da web?

<p>Usar links que podem não estar mais disponíveis. (B)</p> Signup and view all the answers

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

<p>MP4, WebM, Ogg (B)</p> Signup and view all the answers

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

<p>value (C)</p> 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?

<p>rows (A)</p> Signup and view all the answers

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

<p>controls (A)</p> Signup and view all the answers

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

<p>submit (A)</p> Signup and view all the answers

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

<p>Reproduzir o vídeo sem áudio. (D)</p> Signup and view all the answers

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

<source> (D) Signup and view all the answers

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

<p>Associar um valor a ser enviado (A)</p> Signup and view all the answers

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

<p>controls=1 (A), autoplay=1 (D)</p> Signup and view all the answers

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

<p>Utilizando a tag &lt;iframe> (A)</p> Signup and view all the answers

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

<p>MP3 (B), WAV (D)</p> Signup and view all the answers

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

<p>controls (B)</p> Signup and view all the answers

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

<p>mute=1 (D)</p> Signup and view all the answers

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

<p>audio/mpeg (C)</p> Signup and view all the answers

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

<p>controls=0 (D)</p> Signup and view all the answers

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

<p>autoplay=1&amp;mute=1 (B)</p> Signup and view all the answers

Qual é a finalidade de classificar elementos em um site?

<p>Aplicar formatos a vários elementos e realizar operações com todos os elementos da mesma classe. (C)</p> Signup and view all the answers

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

<p>class (D)</p> 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'?

<p>Um vídeo do Youtube e pelo menos dois parágrafos com título. (A)</p> Signup and view all the answers

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

<p>Três serviços. (B)</p> Signup and view all the answers

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

<p>Coletar informações do usuário como email e descrição. (B)</p> Signup and view all the answers

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

<fieldset> (D) Signup and view all the answers

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

<p>Usando o atributo required (D)</p> Signup and view all the answers

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

<p>background (C)</p> Signup and view all the answers

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

<p>Usando o código   (A)</p> Signup and view all the answers

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

<p>Identificar o elemento de forma única (B)</p> Signup and view all the answers

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

<p>Usando o código &lt; (D)</p> Signup and view all the answers

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

<p>Usando o elemento <legend> (A)</p> Signup and view all the answers

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

<p>Os dados são mostrados na url (A)</p> Signup and view all the answers

Flashcards are hidden until you start studying

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 &lt; para "<" e &nbsp; 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.

Quiz Team

Related Documents

More Like This

Chapter 12 Digital Quiz (SLIDES)
10 questions
Microscope Use and Adjustment Techniques
10 questions
Psychology of Adjustment Flashcards
22 questions
Use Quizgecko on...
Browser
Browser