Trabalho de DP de Desenvolvimento em Ambiente WEB

Curso: Ciência da computação

Exercício 1

As folhas de estilo podem ser vinculadas a um documento de três maneiras distintas:

1. Importadas ou linkadas;
2. Incorporadas;
3. Inline.

A) Somente a 1 é correta.
B) Somente a 2 é correta.
C) Somente a 3 é correta.
D) Todas estão corretas.
E) Todas estão incorretas.

Resposta: D) Todas estão corretas.

Justificativa: Todos os tópicos estão corretos, o Style Sheet controla toda a formatação do
HTML e é vinculado ao documentos destas três maneiras.

Exercício 2

Sobre folhas inline podemos dizer:

a) Uma folha de estilo é dita inline, quando as regras CSS estão declaradas dentro da tag
do elemento HTML.
b) Um estilo inline só se aplica a um elemento HTML. Ele perde muitas das vantagens de
folhas de estilo pois mistura o conteúdo com a apresentação. Use este método
excepcionalmente, como quando quiser aplicar um estilo a uma única ocorrência de um
elemento.
c) A sintaxe para aplicar estilo inline é mostrada a seguir:
<p style="color:#000000; margin: 5px;">
Aqui um parágrafo de cor preta e com 5px nas 4 margens.
</p>

A) Todas as alternativas estão corretas.

B) Todas as alternativas estão incorretas.
C) Somente a alternativa A está incorreta.
D) Somente a B está incorreta.
E) A alternativa C está com o código errado.

Resposta: A) Todas as alternativas estão corretas.

Justificativa: Todas os tópicos estão corretos pois, as folhas inline usam as regras do CSS
para definir o estilo do documento, mas aplicando apenas em um elemento HTML, assim
perdendo bastante a mistura de estilos, usando a tag “style” para definir a regra da tag, que
no exemplo “c” se utiliza o parágrafo.

Exercício 3

O comando Inline (em Linha) permite:

a) Os comandos de um certo estilo ficam diretamente no elemento HTML que se deseja

alterar.

b) Possibilita que só aquele elemento seja estilizado, alterando todos os outros da página.

c) Pode-se colocar quantos comandos quiser dentro de cada página HTML e pode-se
utilizar comandos CSS InLine, inclusive se os modos embedding ou linking estiverem sendo
usados.

A) Somente as alternativas “a” e “c” estão corretas.

B) Somente a alternativa “b” está correta.
C) Somente a alternativa “c” está correta.
D) Todas as alternativas estão corretas.
E) Todas as alternativas estão incorretas.

Resposta: A) Somente as alternativas “a” e “c” estão corretas.

Justificativa: Apenas as alternativas A e C que estão corretas, a “b” está errada, pois não
altera todos os elementos da página.

Exercício 4

As definições abaixo estão corretas para os 3 tipos possíveis de links em CSS?

a) a:link { color:#xxxxxx }
b) a:hover { color:#xxxxxx }
c) a:visited { backgroundcolor:#xxxxxx }

A) Sim, todos estão corretos.

B) Não, “a” está incorreto.
C) Não, “b” está incorreto.
D) Não, “c”, está incorreto.
E) As alternativas “a” e “b” estão incorretas.

Resposta: D) Não, “c”, está incorreto.

Justificativa: Apenas a “c” está errada, já que muda a cor do plano de fundo, e não do
elemento visitado.
Exercício 5

O parágrafo é definido usando o elemento:

1. <b>
2. <d>
3. <t>
4. <p>
5. <pp>

A) Somente a alternativa 4 está correta

B) Somente a alternativa 5 está correta
C) Somente a alternativa 1 está correta
D) Somente a alternativa 2 está correta
E) Nenhuma das alternativas.

Resposta: A) Somente a alternativa 4 está correta

Justificativa: Apenas a TAG <p> é definida para criar e manipular o parágrafo..

Exercício 6

Comentários
Os comentários são utilizados para mais tarde recordar o que fez no código ou para outros
o lerem. Os comentários são apenas visível no código fonte. O browser ignora os
comentários completamente.
Para se adicionar um comentário siga-se os seguintes passos:
1. Escreve-se <!--
2. Escrevem-se os comentários que se deseja
3. Escreve-se --> para fechar o comentário
4. <!-- Isto é um comentário -->
5. <isto é um comentário>

A) Todas as alternativas estão corretas

B) Todas as alternativas estão incorretas
C) Somente a alternativa 4 está correta
D) Somente a alternativa 5 está correta.
E) Nenhuma das anteriores

Resposta: C) Somente a alternativa 4 está correta

Justificativa: Apenas a alternativa quatro representa a criação de um comentário,
representado na TAG <!-- - - >.

Exercício 7

Quantas tags o XHTML possui para a construção dos títulos de uma página WEB?

A) Apenas uma tag.

B) Apenas duas tags
C) Apenas três tags
D) Apenas quatro tags
E) Nenhuma das alternativas acima.

Resposta: E) Nenhuma das alternativas acima.

Justificativa: Existem muitas tags para definir títulos em xHTML, de <h1> até <h6>.

Exercício 8

Escolha a alternativa incorreta relacionada à marcação semântica.

A) É um conceito fundamental na construção de sites web standards.

B) Não é um conceito fundamental na construção de sites web standards.
C) Um web standard quando referido às atividades do W3C, deve ser entendido como
resultado de desenvolvimento de um protocolo e diretrizes.
D) Recomenda-se usar marcação semântica, código estruturado e separar a
apresentação de marcação e comportamento.
E) Pode ser considerado como a construção de sites CSS e XHTML.

Resposta: B) Não é um conceito fundamental na construção de sites web standards.

Justificativa: A semântica é o principal conceito para a construção de sites web, assim

como qualquer projeto de qualquer linguagem de programação.

Exercício 9

O que é uma regra CSS?

A) É uma unidade básica de uma folha de estilo.

B) Não uma unidade básica de uma folha de estilo.
C) É uma unidade básica de página de estilo.
D) É uma unidade básica de uma página XML.
E) É uma unidade básica de uma página HTML.

Resposta: A) É uma unidade básica de uma folha de estilo.

Justificativa: CSS é um conjunto de regras utilizado para estilizar os elementos escritos em
HTML, separando o conteúdo do visual, como se fosse, por exemplo, uma decoração em
uma casa.

Exercício 10

A especificação de HTML define sintaxe compatível para HTML e XHTML Segundo esta
afirmação, escolha a alternativa correta para as questões descritas

A) O objetivo do W3C ao criar a XHTML foi proporcionar meios aos desenvolvedores

de incluir as funcionalidades da XML nos documentos para a Web.
B) Após a publicação da HTML 4.0, W3C focou na transformação da HTML em um
formato baseado em XML que foi chamado de DHTML.
C) A maioria dos documentos XHTML na Web é utilizada com o tipo MIME enquanto
que para a HTML text/html e são conformes com a XML.
D) Apesar da rigidez para o tratamento de erros e a rigidez da sintaxe XHTML,
podemos observar que ela não foi bem aceita pelos desenvolvedores e além disso é
muito utilizada.
E) Podemos inserir marcação XHTML no elemento áudio com a finalidade de servir
navegadores que suportam qualquer marcação para inserir som.

Resposta: A) O objetivo do W3C ao criar a XHTML foi proporcionar meios aos

desenvolvedores de incluir as funcionalidades da XML nos documentos para a Web.

Justificativa: O XHTML é uma combinação da linguagem de marcação XML com o

desenvolvimento de páginas web HTML, aumentando as funcionalidades para os
programadores web.

Exercício 11

Quando existe conflito de estilos para um mesmo elemento HTML o que deve ser feito?

A) Estabelecer prioridade para a aplicação da regra de estilo para o elemento.

B) Não fazer nada, pois a correção é automática.
C) Estabelelecer prioridade em ordem decrescente.
D) Estabelecer prioridade alta para estilo padrão do navegador
E) Todas as alternativas estão corretas

Resposta: A) Estabelecer prioridade para a aplicação da regra de estilo para o elemento.

Justificativa: O desenvolvedor deve estabelecer a prioridade para o projeto web, para

evitar conflitos de estilos no documento HTML.

Exercício 12

O que é um seletor ID
 A) É definido como um identificador único para um elemento.
B) Dentro do contexto de estilização é semelhante à classe.
C) A sintaxe de uma "id" sempre começa com uma # (tralha) seguida pelo nome da id.
D) Um seletor ID só pode ser usado uma vez em cada página.
E) Todas as alternativas acima estão corretas.

Resposta: E) Todas as alternativas acima estão corretas.

Justificativa: Todos os tópicos definem o seletor ID do CSS, assim facilitando a

identificação do elemento a ser trabalhado.

Exercício 13

Sobre a aplicação de links, escolha a alternativa correta.

A) Especifica o endereço do URL (Universal Resource Locator).

B) Faz a ligação de um texto com uma página local.
C) Especifica o nome da seção de um documento que é referida por um link de
hipertexto.
D) Cria um link local.
E) Todas as alternativas acima estão corretas.

Resposta: E) Todas as alternativas acima estão corretas.

Justificativa: Todos os tópicos definem a aplicação de link em um documento HTML,

sempre apontando para uma URL existente em seu site. A tag utilizada é <a>.

Exercício 14

Um link local

A) É a base para a criação de links para outros documentos.

B) Não pode ser a base para a criação de links para outros documentos.
C) É a base para a criação de links para outros links.
D) É a base para a criação de links para outros portais.
E) Todas as alternativas acima estão corretas.

Resposta: A) É a base para a criação de links para outros documentos.

Justificativa: O link local é a base de toda criação do projeto. Chamado também de URL
absoluta. Sempre definindo o domínio do projeto.
Exercício 15

Tabelas fazem parte de todas as páginas Web e existem vários elementos e propriedades
para a criação de tabelas tanto no HTML e XHTML. Conforme essas informações escolha a
alternativa correta para as questões abaixo.

A) Uma tabela é composta de pelo menos três elementos que são <table></table>,
<tr></tr> e <td></td>. A tag <table> possui várias propriedades que permitem definir
a formatação para seus elementos.
B) Uma tabela é composta de linhas e colunas. O elemento que define a linha é o <tr>,
já o elemento que define a criação de célula é o <tb>.
C) É possível definir a largura das bordas de uma tabela utilizando a propriedade
border. Além disso, pode ser especificada em cm.
D) A propriedade cellpadding pode ser utilizada para definir o espaço que deve existir
entre a borda da célula e seu conteúdo. Esse espaço não pode ser definido em pixel
ou em porcentagem.
E) A propriedade cellspacing permite definir espaço entre as células de uma tabela.
Essa propriedade pode ser definida entre as células de uma tabela. Sua propriedade
não pode utilizar as medidas em pixel ou em porcentagem.

Resposta: A) Uma tabela é composta de pelo menos três elementos que são
<table></table>, <tr></tr> e <td></td>. A tag <table> possui várias propriedades que
permitem definir a formatação para seus elementos.

Justificativa: A tabela em HTML é chamada pela TAG <table>, ao definir a linha com a
TAG <tr>, e os elementos dentro de cada segmento da tabela em <tb>. Assim podendo
interagir com de muitas formas.

Exercício 16

Tabelas oferecem muitos recursos para manuseio de seus elementos e propriedades. Desta
forma, segundo as descrições, escolha a alternativa correta sobre os recursos apresentados
para a criação de uma tabela.

A) Tabelas oferecem muitos recursos para manuseio de seus elementos e

propriedades. Desta forma, segundo as descrições, escolha a alternativa correta
sobre os recursos apresentados para a criação de uma tabela.
B) Muitos navegadores ainda aceitam a propriedade bgcolor. No entanto, para seguir o
padrão XHTML, utiliza-se o CSS para aplicar a formatação de cor em tabelas.
C) O alinhamento de uma tabela é realizado através dos elementos tab. Esse elemento
possui a propriedade align que aceita três valores que são: center, left e right.
 D) Por padrão, todo conteúdo de uma célula é alinhado do lado direito de uma célula.
No entanto o elemento <td> possui a propriedade align que permite ao
desenvolvedor definir o alinhamento na qual se deseja, além disso essa propriedade
aceita os valores: left, right e center.
E) Além do alinhamento horizontal, existe também a possibilidade de definir o
alinhamento vertical para os conteúdos dentro de uma célula em tabelas. Utiliza-se a
propriedade tab.

Resposta: B) Muitos navegadores ainda aceitam a propriedade bgcolor. No entanto, para

seguir o padrão XHTML, utiliza-se o CSS para aplicar a formatação de cor em tabelas.

Justificativa: A propriedade bgcolor entra em desuso após a criação do XHTML, já que as

regras de CSS dominam para estilizar os projetos web, eliminando a necessidade de usar
estilos e cores nos elementos HTML.

Exercício 17

A formatação de uma tabela contém diversos tipos de propriedades para formatação,

definição de imagens de fundo de tabelas e melhorias de layout de páginas. De acordo com
essas afirmações escolha a alternativa correta para as questões abaixo.

A) A propriedade rules permite definir quais devem ser as linhas divisórias que devem
ser mostradas dentro de uma tabela. Além disso, podem ser utilizadas como
complemento para a propriedade table.
B) A propriedade rules permite aceitar os valores: none, groups, rows, cols e all. O valor
none remove todas as linhas no interior de uma tabela, já o valor groups exibe linhas
horizontais entre as seções de uma tabela.
C) Assim como é possível definir imagens de fundo de uma página, é possível também
definir imagens para tabelas e células, além disso é possível também implementar
layout de várias páginas.
D) Um elemento tbody controla a apresentação do conteúdo de uma tabela. Todas as
colunas e células que representam os dados devem estar dentro de seu elemento.
Não é possível, no entanto, definir mais de um elemento tbody por tabela.
E) O elemento tfoot permite agrupar as tags no final de uma tabela. No entanto é
possível usar um elemento tfoot por tabela e deve ser inserido exatamente antes do
elemento thead.

Resposta: B) A propriedade rules permite aceitar os valores: none, groups, rows, cols e all.
O valor none remove todas as linhas no interior de uma tabela, já o valor groups exibe
linhas horizontais entre as seções de uma tabela.

Justificativa: Apenas a alternativa B está errado, pois em A, a propriedade rule faz parte da
table, e não apenas um complemento, na alternativa C, não é permitido implementar layout
de várias páginas no elemento table, na alternativa D, é possível sim definir mais de um
elemento no tbody por tabela, e na alternativa E, é permitido utilizar mais de um elemento
tfoot por tabela.
Exercício 18

(Prova: FGV - 2010 - FIOCRUZ - Tecnologista em Saúde - TI - Sistemas de Informação) O

XHTML é semelhante ao HTML, mas possui algumas diferenças. Nesse sentido, uma
característica do XHTML é:

A) permite a omissão das tags <html>, <head> e <body>.

B) permite o uso de tags com atributos sem aspas e sem atribuição de valor.
C) obriga que todas as tags e atributos sejam grifadas em minúsculo, sendo case
sensitive.
D) elimina a necessidade de que todos os elementos tenham tags iniciais e finais, como
<table> e </table>
E) elimina a tag xml:lang para se fazer presente toda vez que o atributo lang de HTML
é usado, como em xml:lang=”en” lang=”en”.

Resposta: C) obriga que todas as tags e atributos sejam grifadas em minúsculo, sendo
case sensitive.

Justificativa: O XHTML diferente do seu antecessor, se tornou case sensitive, assim

fazendo a leitor de letras maiúsculas e minúsculas.

Exercício 19

(FCC - 2010 - METRÔ-SP - Analista - Tecnologia da Informação) Parte superior do

formulário
Tag que deve ser utilizada entre as tags HEAD e servem para definir os atributos
identificadores do seu site como "author", "copyright" e "keywords". Em HTML, essa é a tag:

A) Meta.
B) Content.
C) Body.
D) Equiv.
E) Title.

Resposta: A) Meta.

Justificativa: A TAG meta define os dados do seu site, como os dados e atributos citados
no enunciado.

Exercício 20

(FCC - 2010 - TCE-SP - Agente da Fiscalização Financeira - Informática - Suporte de Web)

Parte superior do formulário
Para determinar uma cor do plano de fundo do browser, por meio da linguagem HTML,
deve-se utilizar o atributo

A) BGCOLOR.
B) COLOR.
C) COLORBROWSER.
D) BODYCOLOR.
E) BACKGROUND.

Resposta: A) BGCOLOR.

Justificativa: O Atributo BGCOLOR é utilizado para definir a cor de fundo do documento

web.