Font size
WorksheetsRevisão HTML CSS
Total questions: 98
Worksheet time: 2hrs 38mins
Podemos dizer que CSS é uma linguagem de programação de estilos?
Verdadeiro
Falso
Sobre a tag <strong></strong> é correto afirmar que?
Deixa o texto em sublinhado
Deixa o texto sobrescrito
Deixa o texto com fundo escuro
Deixa o texto em negrito
Para inserir uma imagem na página, qual das tags devemos utilizar?
<imagem>
<img>
<src>
<source>
Qual dos códigos abaixo indicam CSS in-line?
<img src="" alt="" style="color: red;">
<img src="" alt="">
#cor{
color: "yellow"
}
h1{
color: "blue";
}
O que é CSS externo?
É aquele onde CSS que só pode ser acessado de uma máquina externa
É aquele que fica em um arquivo externo
É aquele que utiliza a tag <style></style> no HTML
É aquele que utiliza que a TAG <extern></extern>
As três formas de se utilizar são:
-in-line
-out-line
-pre-line
-flex
-display
-screen
-interno
-externo
-hidrido
-in-line
-interno
-externo
Qual o comando CSS para deixar um título "h1" colorido de azul?
background-color: blue
color: blue
text-color: blue
font-color: blue
Qual devemos usar para criar um link?
<link></link>
<ancora></ancora>
<a></a>
<L></L>
Qual devemos usar para criar um link?
<link></link>
<ancora></ancora>
<a></a>
<L></L>
Qual o comando CSS para deixar um título "h1" colorido de azul?
background-color: blue
color: blue
text-color: blue
font-color: blue
O que é CSS externo?
É aquele onde CSS que só pode ser acessado de uma máquina externa
É aquele que fica em um arquivo externo
É aquele que utiliza a tag <style></style> no HTML
É aquele que utiliza que a TAG <extern></extern>
Qual dos códigos abaixo indicam CSS in-line?
<img src="" alt="" style="color: red;">
<img src="" alt="">
#cor{
color: "yellow"
}
h1{
color: "blue";
}
Para inserir uma imagem na página, qual das tags devemos utilizar?
<imagem>
<img>
<src>
<source>
Para criar uma linha em HTML devemos utilizar qual tag?
<br>
< >
<li></li>
<hr>
Sobre a tag <strong></strong> é correto afirmar que?
Deixa o texto em sublinhado
Deixa o texto sobrescrito
Deixa o texto com fundo escuro
Deixa o texto em negrito
Qual é a diferença entre os seletores "ID" e "class" no CSS?
ID é usado para identificar um elemento único, enquanto class é usado para identificar um grupo de elementos.
ID é usado para identificar um grupo de elementos, enquanto class é usado para identificar um elemento único.
ID e class são usados apenas para fins semânticos e não afetam o estilo de um elemento.
Não tem diferenças
Qual é a finalidade da propriedade "z-index" no CSS?
Definir a opacidade de um elemento.
Controlar a ordem de empilhamento de elementos em uma página.
Definir a largura de um elemento.
Não existe isto
Qual é a finalidade da propriedade "position" no CSS?
Definir a largura de um elemento.
Controlar a posição de um elemento em relação ao seu contêiner.
Definir a cor de fundo de um elemento.
Controlar a posição de um elemento em relação a ele mesmo.
Qual é a diferença entre as unidades "em" e "rem" no CSS?
"em" é relativo ao tamanho da fonte do elemento pai, enquanto "rem" é relativo ao tamanho da fonte do elemento raiz do documento.
"em" é relativo ao tamanho da fonte do elemento atual, enquanto "rem" é relativo ao tamanho da fonte do elemento pai.
"em" e "rem" são unidades absolutas e não são afetadas pelo tamanho da fonte de nenhum elemento.
Não tem "em" e "rem" unica unidade de medida é px
Qual é a finalidade da propriedade "float" no CSS?
Definir a posição de um elemento em relação à janela do navegador.
Controlar a ordem de empilhamento de elementos em uma página.
Controlar o fluxo de texto ao redor de um elemento.
Criar um campo com o valor real
Qual é a finalidade da propriedade "display" no CSS?
Controlar se um elemento é visível ou oculto na página.
Definir a largura de um elemento.
Controlar o layout de um elemento na página.
Nenhuma das opções
Qual é a finalidade da propriedade "border-collapse" no CSS?
Controlar a forma como o conteúdo de uma tabela é organizado.
Controlar a aparência das bordas de um elemento.
Controlar se as bordas de uma tabela são mescladas ou não.
Controlar se as bordas serão arredondadas
Qual é a diferença entre as propriedades "margin" e "padding" no CSS?
"Margin" é usado para adicionar espaço interno a um elemento, enquanto "padding" é usado para adicionar espaço externo.
"Margin" é usado para adicionar espaço externo a um elemento, enquanto "padding" é usado para adicionar espaço interno.
"Margin" e "padding" são usados para a mesma finalidade e podem ser usados indistintamente.
Não há diferenças entre elas, as duas vão controlar o mesmo espaçamento interno
Qual é a finalidade da propriedade "opacity" no CSS?
Definir a largura de um elemento.
Controlar a opacidade de um elemento.
Definir a posição de um elemento em relação à janela do navegador.
Qual comando para mudar a cor de um texto no CSS
(a)
Qual o comando para deixar a borda arredondada?
(a)
Qual comanda para pintar a cor de fundo
(a)
Qual comando para deixar oque está em colunas em linhas, display: blo..
(a)
Qual comando para adicionar uma imagem de fundo no CSS?
(a)
A sigla HTML significa:
Host Text Makeup Language
HyperText Markup Language
Hyper Tree Makeup Language
Host Tree Markup Language
A sigla CSS significa:
Cascading Style Sheets
Cell Safety Science
Characteristic Score
Style Chief Scale Sheets
O foco do HTML está relacionado a:
interatividade
conteúdo
estilo
desing
A linguagem HTML usa...
Tabs
Tags
Pontuação
Citações
Qual o função do BODY no HTML?
Parte visual da página.
Onde coloca-se o cabeçalho da página.
Serve para nada.
Apenas uma forma de informar a página em HTML.
PRA QUE SERVE ESSA TAG <!DOCTYPE HTM>
iniciar documento
identificar o tipo do documento
finalizar o documento
documento sem tipo
Que tipo de linguagem é o HTML?
Linguagem de programação, ou seja, serve para ensinar o computador a fazer algo.
Linguagem de consulta, ou seja, serve para especificar informações às quais queremos ter acesso
Linguagem de estilização, ou seja, serve para definir a aparência de um conteúdo
Linguagem de programação, ou seja, serve para indicar o que cada trecho de um documento representa
Linguagem de marcação, ou seja, serve para estruturar informações e criar páginas web
Uma <tag>
É usada para dividir seções
Não são necessárias em HTML
Diz ao e-reader como formatar o conteúdo
É parte da linha de título do HTML
O foco do CSS está relacionado a:
interatividade
conteúdo
estilo
desing
Qual tag abaixo não tem fechamento?
<title>
<meta>
<strong>
<head>
Assinale a alternativa correta a respeito da tag <html lang = "pt-br">
Essa tag não possui fechamento, ou seja, não possui uma </html>
Essa tag, delimita o início e o fim de uma página HTML. o "lang" é um atributo de linguagem.
Essa tag, delimita o início e o fim de uma página HTML. o "lang" é um atributo de tipo de caractere.
Essa tag é totalmente opcional.
Qual alternativa, possui alguns elementos da estrutura básica do HTML?
<html> <!doctype> <body> <head>
<html> <article> <section> <head>
<html> <img> <a> <body>
<html> <head> <!docyte> <a>
Qual a função da tag <p>?
Informar uma parte do conteúdo
Informar um parágrafo
Informar um ponto na página
Informar a fonte da página
Sobre as listas
Qual tag é responsável pela criação de uma lista não ordenada?
<li>
<ul>
<ol>
<mm>
Sobre as listas
Qual tag é responsável pela criação de uma lista ordenada?
<li>
<ul>
<ol>
<mm>
Sobre as listas
Qual tag é responsável por adicionar uma nova linha na nossa lista?
<li>
<ul>
<ol>
<mm>
Qual tag irá adicionar uma imagem?
<img>
<png>
<jpg>
<scg>
Qual a função da tag <a>?
Colocar um link
Colocar uma imagem
Colocar uma tabela
Colocar um vídeo
Qual atributo da tag <a>, indica o link onde ela levará?
target
href
src
url
Qual a diferença entre os atributos de identificação id e class?
O id é único e não deve ter o valor repetido, enquanto no class, o mesmo valor pode ser adicionado em outros elementos.
O class é único e não deve ter o valor repetido, enquanto no id, o mesmo valor pode ser adicionado em outros elementos.
Não há diferença, posso usar qualquer um dos dois, informando apenas o tipo no CSS
o id é para palavras curtas, enquanto o class é para textos longos
Em CSS, qual parâmetro define a cor do texto?
text-color
font-color
color
Em CSS, qual parâmetro define o tamanho texto?
text-size
font-size
size
Para mudar a cor do fundo de um elemento, podemos utilizar:
background-color:
color-background:
background:
Qual código CSS foi escrito para fazer esse botão ?
Qual linha de codigo permite juntar uma arquivo css dentro do seu html ?
<link rel="stylesheet" type="text/css" href="./style.css">
<link type="text/css" href="./style.css">
<connect rel="stylesheet" type="text/css" href="./style.css">
No CSS, a propriedade responsável por ajustar a espessura da fonte e que disponibiliza a opção para tornar o texto em negrito é:
font-bold.
font-family.
font-size.
font-style.
font-weight.
Esse código é CSS ou HTML?
HTML
CSS
HTML é front-end ou back-end?
Back-end
Front-end
É o que deixa bonito
Visual-end
Qual seletor identifica qual o usuário passa o cursor no elemento?
:active
:link
:hover
:cursor
Classes ...
podem ser utilizadas em um único elemento
podem ser utilizadas em múltiplos elementos
podem ser utilizadas só em elementos do mesmo tipo
Qual símbolo usamos para representar classes no arquivo css?
.minhaClasse
*minhaClasse
#minhaClasse
,minhaClasse
minhaClasse
Padding é o espaçamento externo do elemento
Verdadeiro
Falso
Em qual tag 'linkamos' o arquivo CSS?
<main> </main>
<header> </header>
<head> </head>
<footer> </footer>
<body> </body>
Que tag utilizamos para link com outras páginas?
<href a="index.html" > </href>
<a href="index.html"> </a>
<link src="index.html"> </link>
Qual das tags abaixo são utilizadas para textos em HTML?
<h1></h1>, <p> </p>, <span> </span>
<heading></heading>, <paragraph> </paragraph>, <text> </text>
<paragraph> </paragraph>, <title> </title>, <text> </text>
Em um arquivo .html onde está o conteúdo que será visualizado pelo usuário?
<html> </html>
<body> </body>
<head> </head>
<content> </content>
Como criar listas em HTML?
<list> </list> ou <li> </li>
<ul> </ul> ou <ol> </ol>
<sumary> </sumary>
Estudamos sobre o uso de margins e as comparações dele com o padding. Das afirmações abaixo, quais são corretas?
I. Margins criam um espaçamento ao redor do elemento.
II. Paddings criam um espaçamento dentro do elemento.
III. Paddings afastam um elemento do outro.
IV. É possível configurar valores de margins diferentes para cada lado.
Somente I e III.
Todas as alternativas estão corretas.
Somente I, II e IV.
Somente I e II.
Conhecemos as propriedades de alinhamento text-align e align-itens. Imagine que você está desenvolvendo outro projeto ao mesmo tempo no nosso time, o Alura Cats, que consiste em um container com um título, uma imagem, um parágrafo e uma âncora:
<div class="container">
<h2 class="container__titulo">Alura Cats!</h2>
<img src="https://thecatapi.com/api/images/get?format=src&type=gif" alt=”imagem de gatos” class="container__imagem">
<p>Para mais informações:</p>
<a href="www.alura.com.br" class="container__botao">Acesse a Alura<a> </div>
Visualmente, após algumas estilizações feitas com CSS, o resultado desse código ficará assim:
Tendo isso pronto, qual propriedade CSS a seguir você usaria para alinhar ao centro todos os itens deste container e por quê?
text-align, porque ele consegue alinhar todos elementos dentro do bloco.
align-items, por conseguir alinhar todos elementos da página.
align-items, por alinhar os elementos de acordo com a coluna do grid.
text-align, pois como diz sua tradução literal: alinhar texto.
Não seja levado pelas aparências: os elementos <a> e <button> podem ser exatamente iguais aos nossos olhos, pois basta que sejam estilizados apropriadamente. Porém, por trás, não são iguais. Eles possuem significados diferentes, e cabe à pessoa desenvolvedora compreender o contexto para escolher qual utilizar.
Analise o botão do layout a seguir e escolha qual elemento é mais apropriado para usar e a sua motivação:
O elemento que deverá ser usado é o <a> por permitir o clique do mouse.
O elemento que deverá ser usado é o <button> por ele ser igual a um botão.
O elemento que deverá ser usado é o <a> por executar uma função ao ser clicado: apagar os dados do formulário.
O elemento que deverá ser usado é o <button> por executar uma função ao ser clicado: apagar os dados do formulário.
Em nosso código, declaramos variáveis que representam o hexadecimal das cores ao invés de usar esse valor diretamente nos atributos CSS. Qual afirmação abaixo representa melhor a motivação do uso de variáveis CSS?
Os nomes das variáveis CSS indicam o contexto em que ela será usada, ajudando a entender onde deve ser colocada.
Variáveis CSS facilitam o entendimento do uso das cores, a atribuição e manutenção.
Variáveis CSS diminuem significativamente a repetição de valores na folha de estilo.
Variáveis CSS servem apenas para tornar o código agradável esteticamente.
Inserimos duas imagens de maneira distinta no nosso código. A imagem do Combo+ foi implementada no arquivo index.html dessa maneira:
<img src=”img/Combo.png” alt=”O combo+ é a junção do alura+ e o alura lingua”>
Já a imagem de fundo, que apresenta vários instrutores da Alura, foi implementada no arquivo styles.css desse jeito:
.principal { background-image: url(“img/Background.png”); }
Por que a imagem dos instrutores e instrutoras não foi colocada dentro da tag de imagem, a <img>?
Pois a imagem “Background.png” é decorativa e seu contexto não muda a leitura da página.
Porque ela tem o intuito de ilustrar uma informação da página: a equipe de instrutores.
Não é possível definir um texto alternativo para a imagem “Background.png”
Por preferência pessoal da pessoa desenvolvedora do código.
O senhor Fulano quer inserir uma quebra de linha em seu texto de notícias. Qual dessas marcações ele deve utilizar?
<em>
<ql>
<br>
<h1>
Anne quer colocar um titulo para a página de seu produto na sua loja virutal. Qual dessas tags pode ser utilizada para dar mais importância ao título?
<h3>Meu Produto</h3>
<h5>Meu Produto</h5>
<h1>Meu Produto</h1>
<h6>Meu Produto</h6>
Qual elemento usamos para criar uma linha horizontal em HTML?
<hr>
<br>
<h1>
<lh>
QUAIS dessas tags deixa o texto em negrito.
<h4>
<em>
<b>
<strong>
<n>
Qual tag utilizamos quando queremos informar uma estrutura de navegação pela página?
<menu>
<ul>
<nav>
<links>
Qual o resultado desse código?
Se quisermos informar um cabeçalho, conteúdo de um artigo e rodapé, devemos usas as tags ( só os nomes e respectivamente):
(a)
Qual atributo do HTML usamos para colocar estilo CSS em uma determinada tag?
css
style
type
lang
QUAIS desses elementos são inline?
<div>
<em>
<p>
<mark>
Qual dessas linhas o texto está alinhado ao centro da página?
<p style="text-align:center"> Estou no centro? </p>
<p style="text-align:justify"> Estou no centro? </p>
<p style="aling:center"> Estou no centro? </p>
<p style="text-align:left"> Estou no centro? </p>
<h> é
Uma tag de abertura
Uma tag de parágrafo
Metade de uma tag
Uma tag de fechamento
</h> é
Uma tag de abertura
Uma tag de parágrafo
Metade de uma tag
Uma tag de fechamento
<p> é uma
Uma tag de pontuação
Uma tag de fechamento de parágrafo
Uma tag de fechamento de pontuação
Uma tag de parágrafo
A tag Body é
Usada somente para o header
Usada somente para os parágrafos
O elemento element que envolve tudo que é visível na tela
Inútil para e-books
Qual é a estrutura básica correta de uma página em HTML?
<html>
<head>
<title> Título da página </title>
</head>
<body>
Aqui vai o código HTML que fará seu site aparecer.
</body>
</html>
<html>
<head>
<title> Título da página
</head>
<body>
Aqui vai o código HTML que fará seu site aparecer.
</body>
</html>
<html>
<head>
<title> Título da página </title>
</head>
Aqui vai o código HTML que fará seu site aparecer.
</body>
</html>
<html>
<head>
<title> Título da página </title>
</head>
<body>
Aqui vai o código HTML que fará seu site aparecer.
</body>
Qual o função do BODY no HTML?
Parte visual da página.
Onde coloca-se o cabeçalho da página.
Serve para nada.
Apenas uma forma de informar a página em HTML.
Quais são os principais elementos do HTML?
Parágrafo (<p>)
Cabeçalho (<h1>, <h2>, <h3>, <h4>, <h5>, <h6>)
Imagem (<img>)
Comentário (<!– –>)
O que é um seletor CSS?
Um seletor CSS é usado para selecionar elementos JavaScript específicos e aplicar estilos a eles.
Um seletor CSS é uma parte do código CSS que é usado para selecionar elementos HTML específicos e aplicar estilos a eles.
Um seletor CSS é uma função JavaScript que é usada para selecionar elementos HTML específicos e aplicar estilos a eles.
Um seletor CSS é uma parte do código HTML que é usado para selecionar elementos CSS específicos e aplicar estilos a eles.
O que é tipografia em CSS?
Tipografia em CSS é o estilo e design do texto em uma página da web usando propriedades CSS.
Tipografia em CSS é a linguagem de programação usada para criar estilos e design de texto em uma página da web.
Tipografia em CSS é a técnica de animação de texto em uma página da web usando propriedades CSS.
Tipografia em CSS é a formatação de imagens em uma página da web usando propriedades CSS.
Como definir a cor de fundo de um elemento em CSS?
color-background
background
element-color
background-color
O que é um seletor de classe em CSS?
Um seletor de classe em CSS é um identificador que é usado para selecionar elementos HTML com base em seu nome de tag.
Um seletor de classe em CSS é um identificador que é usado para selecionar elementos HTML com base em sua classe.
Um seletor de classe em CSS é um identificador que é usado para selecionar elementos HTML com base em sua ID.
Um seletor de classe em CSS é um identificador que é usado para selecionar elementos HTML com base em seu atributo de estilo.
Como definir a cor do texto em CSS?
color
background-color
text-color
font-color
O que é um seletor de ID em CSS?
Um seletor de ID em CSS é usado para selecionar um elemento HTML com base em seu atributo de ID exclusivo.
Um seletor de ID em CSS é usado para selecionar um elemento HTML com base em seu atributo de tipo.
Um seletor de ID em CSS é usado para selecionar um elemento HTML com base em seu atributo de nome.
Um seletor de ID em CSS é usado para selecionar um elemento HTML com base em seu atributo de classe.
O que é margem em CSS?
A margem em CSS é uma cor que é aplicada ao fundo de um elemento.
A margem em CSS é uma propriedade que define a largura de um elemento.
A margem em CSS é um efeito de animação aplicado a um elemento.
A margem em CSS é um espaço em branco que é adicionado ao redor do conteúdo de um elemento.
Como definir a cor da borda de um elemento em CSS?
border-color
color-border
border-style
background-color
Como definir a largura de um elemento em CSS?
width
height
size
dimension
O que este código irá mostrar?
<h2 style = "color:purple"> Cabelo Studio</h2>
Um parágrafo roxo
Um cabeçalho com um fundo roxo
Um cabeçalho com texto roxo
