Exercícios - HTML 1ª Aula Prática

•

UNINTER

Dezin Silva

05/06/2019

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 5 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

Exercícios - HTML
Exercícios HTML - Nível Fácil
Exercício 1
Qual o significado do acrônimo "HTML"?
Enviar
Exercício 2
Qual a utilização do HTML?
Enviar
Exercício 3
Podemos dizer que browsers são:
Enviar
Exercício 4
Como devemos salvar os arquivos HTML?
Enviar
Exercício 5
O que são tags?
Enviar
Exercício 6
Crie uma heading tag de alta importância com o seguinte texto - "Aprender HTML é muito bacana"
<h1>Aprender HTML é muito bacana</h1>
Hyper Time Markup Language
High Text Markup Language
High Tight Markup Language
Hyper Text Markup Language
Resposta Correta!
Formatar textos
Criar páginas web
Formatar imagens
Formatar listas
Resposta Correta!
Perigosos
Lentos
Leitores de obras-primas
Leitores e interpretadores de HTML
Resposta Correta!
nome do arquivo.css
nome do arquivo.html
nome_do_arquivo.html
123.xml
Resposta Correta!
Etiquetas
Marcações que definem onde começam e terminam os comandos HTML
Marcadores que definem o preço
Marcações que definem onde começam e terminam os comandos C++
Resposta Correta!
 
Enviar
Exercícios HTML - Nível Intermediário
Exercício 1
Qual é a estrutura básica de um arquivo HTML?
digite a estrutura básica
<html> 
 <head></head> 
 <body></body> 
</html> 
 
Enviar
Exercício 2
O que são self-closing tags?
Enviar
Exercício 3
Qual a função da tag <head>?
Enviar
Exercício 4
Dentro da tag <table>, qual é a diferença entre <thead> e <tbody>?
Enviar
Exercício 5
Crie um link que deverá abrir em outra janela
o link deverá apontar para o Google; o texto do link deverá ser "Google"
<a href="www.google.com" target="_blank">Google</a>
 
Enviar
Resposta Correta!
Resposta Correta!
Tags HTML que abrem e fecham sozinhas
Tags HTML que tiram selfies
Etiquetas de auto-fechamento
Tags HTML que não precisam ser fechadas
Resposta Correta!
Manter a cabeça no lugar
Segurar o body
Abrigar conteúdos não-visíveis ao usuário
Manter a etiqueta na cabeça
Resposta Correta!
<thead> é a legenda e <tbody> é o corpo da tabela
<thead> é o corpo e <tbody> é o cabeçalho tabela
<thead> é o cabeçalho e <tbody> é o rodapé tabela
<thead> é o cabeçalho (quando for necessário) e <tbody> é o corpo da tabela
Resposta Correta!
Resposta Correta!
Exercícios HTML - Nível Avançado
Exercício 1
Definem a estrutura utilizada para criar uma lista não-ordenada, com 5 itens?
digite a estrutura básica
 
Enviar
Exercício 2
Defina a estrutura utilizada para criar uma tabela, com 3 linhas e 2 colunas
digite apenas a estrutura, sem conteúdos
utilize as tags <thead> e <tbody> durante a criação
utilize indentação para ficar mais fácil a visualização durante a criação
<table> 
 <thead> 
 <tr> 
 <th></th> 
 <th></th> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td></td> 
 <td></td> 
 </tr> 
 <tr> 
 <td></td> 
 <td></td> 
 </tr> 
 <tr> 
 <td></td> 
 <td></td> 
 </tr> 
 </tbody> 
</table> 
 
Enviar
Exercício 3
Em HTML, qual o conceito de <div>
Enviar
Exercício 4
Em herança:
<ul> 
 <li></li> 
 <li></li> 
 <li></li> 
 <li></li> 
 <li></li> 
</ul> 
 
Resposta Correta!
Resposta Correta!
<div> é um container utilizado para agrupar conteúdos dentro da página web
<div> é uma lista utilizado para agrupar conteúdos dentro da página web
<div> é um separador utilizado para diferenciar os conteúdos dentro da página web
<div> é um container utilizado para apagar conteúdos dentro da página web
Resposta Correta!
O elemento parent é o elemento contido, e o elemento children é o elemento que contém
O elemento children é o elemento contido, e o elemento parent é o elemento que contém
O elemento sibling é o elemento contido, e o elemento brother é o elemento que contém
O elemento cousin é o elemento contido, e o elemento grandfather é o elemento que contém
Resposta Correta!
Enviar
Exercício 5
Defina a estrutura utilizada para criar um formulário, com os campos de nome, idade e sexo
para os campos de sexo, crie radio buttons - 1 para homem e outro para mulher
Utilize a tag <label> para colocar o texto correspondente ao input
Dentro de cada <input> de texto, defina os atributos type, id e nome - o valor dos atributos id e nome devem ser iguais
Dento dos <input> radio, o atributo id é dispensável
<form> 
 <label>Seu nome:</label> 
 <br/> 
 <input type="text" val="" id="nome" name="nome"> 
 <br/><br/> 
 <label>Sua idade:</label> 
 <br/> 
 <input type="text" val="" id="idade" name="idade"> 
 <br/><br/> 
 <input type="radio" name="sexo" value="masc">Homem 
 <input type="radio" name="sexo" value="fem">Mulher 
 <br/><br/> 
 <input type="submit" val="Enviar"> 
</form> 
 
 
Enviar
Exercício 6
Defina a estrutura utilizada para criar uma página semelhante à esta:
o endereço da imagem é: https://familysearch.org/learn/wiki/en/images/0/04/HTML.jpg (https://familysearch.org/learn/wiki/en/images/0/04/HTML.jpg)
<html> 
 <head> 
 <title>Minha página HTML</title> 
 </head> 
 <body> 
 <h1>Olá mundo, em HTML</h1> 
 <p>Essa é a minha primeira página em HTML</p> 
 <table> 
 <thead> 
 <tr> 
 <th>HTML</th> 
 <th>CSS</th> 
 <th>JS</th> 
 <th>PHP</th> 
Resposta Correta!
Resposta Incorreta!
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>Construir a página</td> 
 <td>Formatar o documento</td> 
 <td>Criar animações e gerar dinamicidade</td> 
 <td>Ligações com servidores/banco de dados e gerar dinamicidade</td> 
 </tr> 
 </tbody> 
 </table> 
 <ul> 
 <li>HyperText Markup Language</li> 
 <li>Cascading Style Sheets</li> 
 <li>JavaScript</li> 
 <li>Hypertext Preprocessor</li> 
 </ul> 
 <img src="https://familysearch.org/learn/wiki/en/images/0/04/HTML.jpg" /> 
 </body> 
</html> 
 
 
Enviar Resposta Correta!