Teste 1: HTML, CSS, HTML5 e XHTML

Juliana Jenny Kolb

Home > Simulados on-line  > Questões de Concursos > Tecnologia da Informação (TI) > Questões HTML, CSS, HTML5 e XHTML

Material de Estudo Disponível

Apostilas em PDF

Teste 1: HTML, CSS, HTML5 e XHTML

Questões extraídas de concursos públicos e/ou provas de certificação. Cada teste apresenta no máximo 30 questões.

Results

#1. (FGV – IBGE/2016) 

cor de fundo = rgb(0, 255, 0);

cor de fundo = rgb(0, 255, 0);

cor de fundo = undefined;

cor de fundo = undefined;

cor de fundo = “#00ff00”;

cor de fundo = “#00ff00”;

cor de fundo = “red”

cor de fundo = “red”

cor de fundo = rgb(00ff00);

cor de fundo = rgb(00ff00);

#2. (FGV – IBGE/2017) OOCSS (Object Oriented CSS) é uma metodologia de desenvolvimento que:

defende a criação de objetos reutilizáveis em Javascript para otimizar a interatividade de uma interface;

defende a criação de objetos reutilizáveis em Javascript para otimizar a interatividade de uma interface;

encoraja a criação de regras CSS reutilizáveis através do uso de componentes independentes de sua localização.

encoraja a criação de regras CSS reutilizáveis através do uso de componentes independentes de sua localização.

encoraja o agrupamento de propriedades com os mesmos valores em um código CSS;

encoraja o agrupamento de propriedades com os mesmos valores em um código CSS;

foca em convenções de nomenclatura de classes para vários elementos HTML, quebrando uma página em múltiplos blocos e elementos;

foca em convenções de nomenclatura de classes para vários elementos HTML, quebrando uma página em múltiplos blocos e elementos;

funciona como guia de estilo que define regras para a base, layout, módulos, estados e temas de todos os elementos de uma página;

funciona como guia de estilo que define regras para a base, layout, módulos, estados e temas de todos os elementos de uma página;

#3. (Quadrix – CFO-DF/2017) Com relação à interface web Ajax e à linguagem de estilos CSS, julgue o próximo item. O Ajax, por funcionar como um intermediador entre o navegador e o servidor web e armazenar diversas informações em memória, é um sistema que tem uma taxa elevada de tempo gasto para realizar a transferência destas informações.

Verdadeiro

Verdadeiro

Falso

Falso

#4. (FEPESE – JUCESC/2017) Qual propriedade de elementos CSS DIV deve ser utilizada para que um objeto DIV tenha uma largura que funcione, na prática, de forma dinâmica, reajustando-se em janelas de browser cuja largura for inferior à largura do elemento, por exemplo?

max-width

max-width

responsive

responsive

background

background

behavior

behavior

width

width

#5. (IESES – CEGÁS/2017) Assinale a alternativa correta:

HTML e CSS são as tecnologias utilizadas na construção de páginas da Web: HTML (html e xhtml) para a estrutura, CSS para o estilo e layout, incluindo WebFonts.

HTML e CSS são as tecnologias utilizadas na construção de páginas da Web: HTML (html e xhtml) para a estrutura, CSS para o estilo e layout, incluindo WebFonts.

HTML é um programa que favorece o desenvolvimento de arquivos CSS.

HTML é um programa que favorece o desenvolvimento de arquivos CSS.

CSS é uma linguagem de programação poderosa e requer HTML para seu funcionamento.

CSS é uma linguagem de programação poderosa e requer HTML para seu funcionamento.

Ambos são os conceitos fundamentais aplicados em dados abertos conectados.

Ambos são os conceitos fundamentais aplicados em dados abertos conectados.

#6. (CONSULPLAN – CEGÁS/2017) Considere o código a seguir.

O código expressa propriedades CSS aplicadas a uma

tag qualquer com atributo id=”button”.

tag qualquer com atributo id=”button”.

tag div com atributo class=”button”.

tag div com atributo class=”button”.

tag qualquer com atributo class=”button”.

tag qualquer com atributo class=”button”.

tag div com atributo id=”button”.

tag div com atributo id=”button”.

#7. (FCC – TRE-SP/2017) Considere o fragmento de código, abaixo.

Se no interior do contêiner a quantidade de texto exceder a área visível, para que apareça automaticamente uma barra de rolagem do lado direito do contêiner deve ser adicionada às configurações CSS a instrução

overflow:auto.

overflow:auto.

overflow:scrollbar.

overflow:scrollbar.

scrollbar:auto.

scrollbar:auto.

display:scrollbar.

display:scrollbar.

overflow:autoscroll.

overflow:autoscroll.

#8. (FCC – TRE-SP/2017) No interior do bloco de uma página HTML existe o fragmento CSS:

div#block, div.box{ width:200px;height:100px;background-color:#336699}

A palavras block e box são

tags utilizadas para criar contêineres para agrupar conteúdos.

tags utilizadas para criar contêineres para agrupar conteúdos.

valores dos atributos class e id de tags div, respectivamente.

valores dos atributos class e id de tags div, respectivamente.

nomes dados a tags div para criar contêineres na página.

nomes dados a tags div para criar contêineres na página.

valores dos atributos id e class de tags div, respectivamente.

valores dos atributos id e class de tags div, respectivamente.

tags utilizadas para criar caixas de seleção em um formulário.

tags utilizadas para criar caixas de seleção em um formulário.

#9. (IESES – CREA-SC/2017) Assinale a alternativa correta:

HTML e CSS são tecnologias fundamentais para a construção de páginas da Web: HTML (html e xhtml) para a estrutura, CSS para o estilo e layout, incluindo WebFonts.

HTML e CSS são tecnologias fundamentais para a construção de páginas da Web: HTML (html e xhtml) para a estrutura, CSS para o estilo e layout, incluindo WebFonts.

CSS são bibliotecas que se utiliza somente em aplicações Big Datas.

CSS são bibliotecas que se utiliza somente em aplicações Big Datas.

CSS é um conjunto de códigos que viabiliza o desenvolvimento de arquivos HTML em dados abertos conectados.

CSS é um conjunto de códigos que viabiliza o desenvolvimento de arquivos HTML em dados abertos conectados.

HTML é uma linguagem de programação poderosa e depende totalmente do CSS para seu funcionamento.

HTML é uma linguagem de programação poderosa e depende totalmente do CSS para seu funcionamento.

#10. (IFB – IFB/2017) Sobre CSS é correto afirmar, EXCETO:

As CSS contêm declarações simples, chamadas regras.

As CSS contêm declarações simples, chamadas regras.

Ao separar os nomes dos elementos por vírgulas, você pode selecionar múltiplos elementos de uma vez só.

Ao separar os nomes dos elementos por vírgulas, você pode selecionar múltiplos elementos de uma vez só.

Cada declaração de propriedade termina com uma vírgula.

Cada declaração de propriedade termina com uma vírgula.

Todas as propriedades e valores em uma regra ficam entre chaves { }.

Todas as propriedades e valores em uma regra ficam entre chaves { }.

Um elemento pode pertencer a mais de uma classe, se colocarmos múltiplos nomes de classes no atributo “class” com espaços entre os nomes.

Um elemento pode pertencer a mais de uma classe, se colocarmos múltiplos nomes de classes no atributo “class” com espaços entre os nomes.

#11. (IFB – IFB/2017) As células das tabelas, em HTML, possuem um enchimento e uma borda. Essas bordas são caracterizadas por linhas duplas, conforme pode ser observado no exemplo abaixo. Para um melhor efeito visual, poderíamos fazer com que as bordas duplas se tornassem uma só. Assinale a alternativa que apresenta o atributo CSS que solucionaria essa questão.

cellpadding: 0px;

cellpadding: 0px;

cellspacing: 0px;

cellspacing: 0px;

margins: 0px;

margins: 0px;

border: thin solid black;

border: thin solid black;

border-collapse: colapse;

border-collapse: colapse;

#12. (IFB – IFB/2017) Um arquivo CSS, Cascading Style Sheets ou folhas de estilo em cascata, é responsável pela apresentação visual da estrutura de um arquivo XHTML. A definição do estilo ou aparência dos objetos XHTML pode ser feita internamente ao arquivo XHTML ou externamente a ele em um arquivo CSS à parte. A folha de estilo CSS é dita externa quando os comandos CSS são escritos em:

Um arquivo texto plano, à parte do arquivo XHTML, que é conectado ao arquivo XHTML através da tag inserida dentro do escopo da tag .

Um arquivo texto plano, à parte do arquivo XHTML, que é conectado ao arquivo XHTML através da tag inserida dentro do escopo da tag .

Um arquivo texto plano, à parte do arquivo XHTML, que é conectado ao arquivo XHTML através da tag inserida dentro do escopo da tag .

Um arquivo texto plano, à parte do arquivo XHTML, que é conectado ao arquivo XHTML através da tag inserida dentro do escopo da tag .

Um arquivo texto plano, à parte do arquivo XHTML, que é conectado ao arquivo XHTML através da tag inserida dentro do escopo da tag .

Um arquivo texto plano, à parte do arquivo XHTML, que é conectado ao arquivo XHTML através da tag inserida dentro do escopo da tag .

Um arquivo texto plano, à parte do arquivo XHTML, que é conectado ao arquivo XHTML através da tag inserida dentro do escopo da tag .

Um arquivo texto plano, à parte do arquivo XHTML, que é conectado ao arquivo XHTML através da tag inserida dentro do escopo da tag .

Um arquivo texto plano, à parte do arquivo XHTML, que é conectado ao arquivo XHTML através da tag inserida dentro do escopo da tag .

Um arquivo texto plano, à parte do arquivo XHTML, que é conectado ao arquivo XHTML através da tag inserida dentro do escopo da tag .

#13. (IFB – IFB/2017) As folhas de estilo em cascata CSS fornecem algumas maneiras distintas de especificar a cor dos elementos constituintes de uma página web escrita em XHTML. As maneiras distintas de especificação de cor em CSS são: pelo nome de uma cor, por porcentagens relativas de vermelho, verde e azul, ou por um código hexadecimal que descreve as quantidades de vermelho, de verde e de azul. Analise um trecho de um arquivo CSS, como o exemplo a seguir:

Neste trecho do arquivo CSS, a propriedade background-color teve sua cor definida pela palavra red. Marque a alternativa que apresenta duas outras formas corretas para substituir, no trecho de código fornecido no quadro acima, a palavra red e obter o mesmo resultado de apresentação no navegador.

rgb(255, 0, 0) ou rgb(100%, 0%, 0%)

rgb(255, 0, 0) ou rgb(100%, 0%, 0%)

#ff0000 ou rgb(red, , )

#ff0000 ou rgb(red, , )

rgb(#ff , #00 , #00) ou #ff0000

rgb(#ff , #00 , #00) ou #ff0000

rgb(red, green, blue) ou rgb(#ff , #00 , #00)

rgb(red, green, blue) ou rgb(#ff , #00 , #00)

rgb(red, green, blue) ou rgb(100%, 0%, 0%)

rgb(red, green, blue) ou rgb(100%, 0%, 0%)

#14. (FCC – AL-MS/2016) Considere o seguinte bloco de código CSS3:
..I…
body {
background-color: blue;
}
}
Para definir que, se a janela do navegador for menor que 800px, a cor de fundo mude para azul, a lacuna I deve ser preenchida por

@if screen only max-width < 800px

@if screen only max-width < 800px

@screen only (max-width< 800px)

@screen only (max-width< 800px)

@ifscreen (max-width< 800px)

@ifscreen (max-width< 800px)

@if screen-width < 800px

@if screen-width < 800px

@media only screen and (max-width: 800px)

@media only screen and (max-width: 800px)

#15. (FCC – AL-MS/2016) Considere a seguinte página HTML5 que utiliza CSS3. Conclui-se que a lacuna I contém a instrução

border-corder: 30px

border-corder: 30px

border-radius: 50%

border-radius: 50%

rounded-border: 20px

rounded-border: 20px

border-corder: radius 30px

border-corder: radius 30px

border-radius: 20px

border-radius: 20px

#16. (FGV – IBGE/2017) HTML5 (Hypertext Markup Language, versão 5) é uma linguagem utilizada para estruturação e apresentação de conteúdo na Internet. Analise a página HTML5 a seguir:

Considere que você está utilizando um navegador web que suporta HTML5 Local Storage e ao acessar essa página pela primeira vez você apertou três vezes o botão indicado com id=”B” e então você fechou o navegador.
Posteriormente, você utiliza o mesmo navegador para acessar novamente essa mesma página. Após apertar duas vezes o mesmo botão, será apresentada a seguinte mensagem no corpo da página:

Você apertou 55 vez(es).

Você apertou 55 vez(es).

Você apertou 10 vez(es).

Você apertou 10 vez(es).

Você apertou 7 vez(es).

Você apertou 7 vez(es).

Você apertou 52 vez(es).

Você apertou 52 vez(es).

Você apertou 5 vez(es).

Você apertou 5 vez(es).

#17. (FGV – IBGE/2017) O HTML 5 introduziu um método para permitir que o designer controle a área de visualização de um site através da tag . A sintaxe correta para que a largura de uma página siga a largura da tela de um dispositivo, com uma escala inicial de 1X no momento em que ela é carregada é:

;

;

;

;

;

;

;

;

;

;

#18. (FUNDEP (Gestão de Concursos) – UFVJM-MG/2017) Assinale a alternativa que apresenta corretamente uma marcação HTML?

DESTINO

DESTINO

DESTINO

DESTINO

DESTINO

DESTINO

DESTINO

DESTINO

#19. (FUNDEP (Gestão de Concursos) – UFVJM-MG/2017) Qual é a sintaxe correta para se criar um campo do tipo texto em html que contenha 4 linhas e 50 colunas?

#20. (FUNDEP (Gestão de Concursos) – UFVJM-MG/2017) Assinale a alternativa que apresenta corretamente um tipo de linguagem de programação para marcação de hipertextos utilizado na construção de páginas na Web.

HTML

HTML

CSS

CSS

C++

C++

JAVA

JAVA

#21. (FGV – ALERJ/2017) Analise a estrutura básica da página HTML a seguir: Esse código define que a cor do texto da página e dos links quando clicados são, respectivamente:

preta e vermelha;

preta e vermelha;

vermelha e verde;

vermelha e verde;

preta e amarela.

preta e amarela.

azul e verde;

azul e verde;

azul e amarela;

azul e amarela;

#22. (CESPE- TJ-DFT/2015) No CSS, a propriedade z-index permite sobrepor elementos em camada. Nessa representação, os elementos com valores z-index mais altos são exibidos na frente de elementos com z-index mais baixos.

Verdadeiro

Verdadeiro

Falso

Falso

#23. (CONSULPLAN – TRF – 2ª REGIÃO/2017) O acrônimo HTML vem do inglês e significa Hypertext Markup Language ou em português Linguagem de Marcação de Hipertexto. As etiquetas (tags) da linguagem são utilizadas para definir a forma na qual se apresentará o texto e outros elementos de uma página WEB. Com o intuito de melhorar a experiência do usuário e o tempo de desenvolvimento na versão HTML5 foram introduzidos 13 novos tipos de entrada para formulários. Assinale a alternativa que contém as novas entradas.

E-mail, Url, Search, Range, Tel, Date, Week, Number, Mounth, Datetime-local, Time, Color, Datetime.

E-mail, Url, Search, Range, Tel, Date, Week, Number, Mounth, Datetime-local, Time, Color, Datetime.

Hidden, Url, Search, Range, Tel, Password, Date, Number, Datetime-local, Fila, Time, Color, Radio.

Hidden, Url, Search, Range, Tel, Password, Date, Number, Datetime-local, Fila, Time, Color, Radio.

Queue, e-mail, Url, Password, Range, Tel, Date, Week, Mounth, Time, Color, Datetime, Image.

Queue, e-mail, Url, Password, Range, Tel, Date, Week, Mounth, Time, Color, Datetime, Image.

Hidden, Url, Search, Range, Tel, Password, Date, Week, Mounth, Time, Color, Datetime, Image.

Hidden, Url, Search, Range, Tel, Password, Date, Week, Mounth, Time, Color, Datetime, Image.

#24. (CONSULPLAN – TRF – 2ª REGIÃO/2017) No campo da semântica existe um problema complicado de se lidar, que é o uso excessivo da tag div. Um verdadeiro coringa do HTML, que por ser um elemento genérico, é utilizado para definir quase toda a estrutura das páginas, desde o cabeçalho ao rodapé. Com isso, o HTML5 traz alguns elementos para suprir essa falta de tags mais semânticas e descritivas para alguns elementos clássicos em diversos cenários, como cabeçalhos, menus de navegação e áreas de conteúdo secundário, EXCETO:

name.

name.

nav.

nav.

section.

section.

aside.

aside.

#25. (FCC – TRT – 11ª Região (AM e RR)/2017) Considere que um Técnico está desenvolvendo um site acessível utilizando HTML5 para que seja adequadamente interpretado por leitores de tela usados por deficientes visuais. Assim, recomendou a associação de etiquetas de texto (label) aos campos (input) dos formulários utilizando, nos elementos input e label, respectivamente, os atributos

alt e src.

alt e src.

id e for.

id e for.

ref e caption.

ref e caption.

target e source.

target e source.

name e idref.

name e idref.

#26. (FCC – TRT – 11ª Região (AM e RR)/2017) No corpo de uma página HTML há dois parágrafos definidos, respectivamente, pelas instruções

TRT

e

11ª Região

. Para definir a cor vermelha para a fonte destes parágrafos utiliza-se, em um bloco CSS incorporado, a instrução

p.t1, p#t2{font-color:#ff0000}

p.t1, p#t2{font-color:#ff0000}

.t1, #t2{color:#ff0000}

.t1, #t2{color:#ff0000}

p#t1, p.t2{color:#0000ff}

p#t1, p.t2{color:#0000ff}

p{font-color:#ff0000}

p{font-color:#ff0000}

p{font-color:#ff0000}

p{font-color:#ff0000}

#27. (FCC – TRT – 11ª Região (AM e RR)/2017) Considere o formulário HTML abaixo.

Para receber o conteúdo do campo usuário, transformando eventuais caracteres especiais do HTML na sua forma codificada para que não seja possível injetar tags HTML ou JavaScript através do campo, utiliza-se, no arquivo controle.php, a instrução

htmlconvertchars($_GETPARAMETER['usuario'])

htmlconvertchars($_GETPARAMETER['usuario'])

htmlspecialchars($_POST['usuario'])

htmlspecialchars($_POST['usuario'])

htmlconvertentities($_POST['usuario'])

htmlconvertentities($_POST['usuario'])

htmlconvert($_REQUEST['usuario'])

htmlconvert($_REQUEST['usuario'])

htmlnoinjection($_REQUEST['usuario'])

htmlnoinjection($_REQUEST['usuario'])

#28. (CESPE/UnB – TCDF/ANAP – 2014)

Verdadeiro

Verdadeiro

Falso

Falso

#29. (CESPE/UnB – TCDF/ANAP – 2014) O e-MAG é um modelo de acessibilidade em governo eletrônico que prevê acesso a computador a partir de diferentes situações vivenciadas por usuários com deficiência visual, com a adaptação de todos os componentes tag HTML para acesso por meio de braile.

Falso

Falso

Verdadeiro

Verdadeiro

#30. (FGV – IBGE/2016) Um desenvolvedor Web mobile pretende utilizar os novos elementos semânticos disponíveis no HTML5 em suas páginas. Associe corretamente os elementos HTML5 enumerados com o posicionamento na ilustração que representa conceitualmente as partes de uma página HTML: A sequência correta é:

A=1, B=4, C=6, D=5, E=3 e F=2;

A=1, B=4, C=6, D=5, E=3 e F=2;

A=2, B=5, C=4, D=3, E=6 e F=1;

A=2, B=5, C=4, D=3, E=6 e F=1;

A=1, B=6, C=4, D=3, E=5 e F=2.

A=1, B=6, C=4, D=3, E=5 e F=2.

A=1, B=3, C=5, D=6, E=4 e F=2;

A=1, B=3, C=5, D=6, E=4 e F=2;

A=2, B=3, C=6, D=4, E=5 e F=3;

A=2, B=3, C=6, D=4, E=5 e F=3;

Ver Resultado