Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

AULA 00 Linguagens HTML, CSS e XML Professor Pedro Henrique Chagas Freitas

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

1

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Tópicos da Aula Apresentação.................................................................................................. 3 Planejamento das Aulas ................................................................................. 8 HTML (HyperText Markup Language) .......................................................... 10 HTML 5 ......................................................................................................... 16 CSS (Cascading Style Sheets) ........................................................................ 26 XML (eXtensible Markup Language) ............................................................. 33 DHTML (Dynamic HTML), XHTML (eXtensible HTML) e XSLT (eXtensible Stulesheet Language) ................................................................ 38 Lista das Questões Comentadas na Aula...................................................... 42 Bibliografia .................................................................................................... 61 Lista das Questões Apresentadas na Aula .................................................... 62 Gabarito ........................................................................................................ 72

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

2

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Apresentação

Seus pensamentos moldam o seu presente, seus sonhos criam seu futuro. Paulo Sergio Fernandes Conferencista, Pastor e Escritor.

Sejam bem-vindo (a)s ao nosso curso! É um imenso prazer estar aqui junto com a equipe do Ponto dos Concursos, realizando este trabalho de te tornar um candidato peso pesado na arena dos concursos públicos!!! Já fez Check-in rumo ao seu sonho? Já sentou na cadeira e embarcou rumo ao seu destino? Já escolheu o melhor caminho para chegar lá? Já pensou quantas escalas fazer e por qual companhia aérea voar? Sabe.. A nossa vida parece muito com um saguão de aeroporto. Todo dia várias pessoas estão passando por nós indo para vários destinos, esses destinos por sua vez, se originam de escolhas e nós fazemos escolhas todos os dias.

Quando temos o sonho de ingressar em um bom concurso público e provavelmente se você esta lendo este material em qualquer localidade do território nacional, deve ter esse sonho! Você precisa fazer check-in diariamente rumo ao seu destino. Eu, enquanto seu professor, estou aqui para te ajudar nesse check-in e embarcar nessa viagem com você, tirando suas duvidas e te preparando para a aprovação.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

3

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Todas as pessoas que chegaram a algum lugar começaram de onde estavam. O que quero dizer com isso, caro aluno (a) é que nós aqui da Ponto dos Concursos, de fato acreditamos no seu sonho de ingressar em uma boa carreira pública e estamos dispostos a te mostrar o caminho do sucesso para alcançar a carreira que você tanto sonha! Para isso quero te apresentar a nossa aula demonstrativa, você embarcando conosco nessa aula demonstrativa, vai poder desfrutar de uma viagem rumo a sua aprovação. Nesse caminho, quero te apresentar alguns conselhos que eu sempre gosto de dar.

Algumas pessoas me perguntam: Pedro quanto tempo leva até a aprovação? Sabe amigo (a) eu já tenho alguns anos nessa estrada e já vi de tudo, já vi amigos meus ingressando no MPU com 6 meses de estudo, e também já vi outros amigos ingressando com 3 anos de estudo. A verdade é que não existe uma verdade sobre isso, o que existe são pessoas diferentes, utilizando seu tempo, esforço, disciplina e fé de formas diferentes.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

4

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Conheço por exemplo pessoas excepcionais que não acreditam em si mesmas e aqui esta o grande pulo do gato! Você precisa ter tempo, esforço, disciplina e fé, mas antes de tudo isso precisa acreditar em si mesmo! Digo isso, porque muitos dos que param, não param pela dificuldade, mas por deixar de acreditar.

Tempo: Assim sendo, o tempo até sua aprovação vai depender do equilíbrio entre esses fatores: Tempo de qualidade nos estudos (Pode ser 2 horas por dia? Sim. Pode ser 10 horas por dia? Sim. Desde que você absorva a matéria, mesmo que sejam 20 minutos por dia, precisa ser tempo de qualidade). Você já deve ter se deparado com aquele amigo seu, que estuda a 5 anos, 25 horas por dia, e de fato existem pessoas assim, mas sinceramente eu não conheço ninguém que consiga realizar mais de 6 horas (de qualidade nos estudos), por isso gosto de sempre focar nisso, você precisa ter tempo de qualidade nos seus estudos e não muito tempo para estudar.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

5

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Esforço: Esforço é a sua determinação em movimento. Acredite não tem como chegar no lugar da vitória sem se esforçar muito, a propósito se você esta começando nesse mundo dos concursos vai perceber que tem muito conteúdo para você aprender, se já esta nessa estrada vai lembrar que ainda não se tornou a melhor versão de você mesmo. Mas nunca se esqueça: seu esforço vai até o dia da aprovação, às vezes pode ser difícil, mas quero garantir a você caro aluno (a), vale a pena à luta! Cada dia acordando cedo, cada resumo e principalmente cada noite de batalha ao lado do conteúdo para prova, resolvendo questões e se preparando! Tudo isso vai te levar ao lugar da aprovação, então mãos a obra, seu esforço esta construindo o destino para onde você esta indo! Se continuar nessa estrada dia após dia, eu te garanto uma coisa: Você vai conseguir chegar a sua aprovação muito antes do que imagina. Disciplina e Fé: Aprendi uma coisa estudando para concursos, a sua disciplina é o que te diferencia, qualquer pessoa pode se dedicar, mas nem todos serão constantes (disciplinados), sua memória deve sempre ser lembrada do conteúdo. Quem nunca se deparou com alguma questão e pensou: Nossa! Eu já vi isso antes. Você tenta se lembrar, então percebe que não guardou a informação que deveria ter guardado. Por isso, precisamos da disciplina, manter a constância no objetivo traz o objetivo para perto de você. Sua Fé vai te ajudar nesse processo, eu pessoalmente sempre gosto de olhar as coisas com um propósito maior do que aquilo que estou vendo naquele momento. Quero te convidar a fazer a mesma coisa, toda vez que o cansaço aparecer ou qualquer outro fator, lembre-se seu objetivo é a aprovação e é para lá que você esta indo, tenha fé e bom ânimo! Você vai chegar lá!

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

6

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Antes de apresentar nosso curso, gostaria de me apresentar! Sou Engenheiro de Computação, especialista em Gestão e Desenvolvimento de Sistemas, Mestrando em Gestão do Conhecimento e Tecnologia da Informação e Coach pela Sociedade Brasileira de Coaching. Tenho 5 anos estudando para concursos, 3 anos como professor de tecnologia da informação e coach especializado em concursos públicos. Já atuei como Analista SAP no maior projeto de implantação de SAP para Banco da América Latina na Caixa Econômica Federal. Sou Cearense, mas moro desde que nasci aqui em Brasília e coleciono algumas aprovações e nomeações nessa estrada, fui aprovado e nomeado para o cargo de Analista de Tecnologia da Informação na Fundação Universidade de Brasília (FUB), aprovado e nomeado para o cargo de Analista de Sistemas do Ministério da Educação e Cultura (MEC) e atualmente exerço o cargo de Analista de Tecnologia da Informação no Ministério do Planejamento, Desenvolvimento e Gestão (MPDG). Entre meus principais projetos está a implantação do barramento de serviço no Ministério da Agricultura, Pecuária e Abastecimento (MAPA), onde como ATI do Ministério do Planejamento fui responsável pelo projeto que inicializou o paradigma orientado a serviço (SOA) no Ministério da Agricultura. Feitas as apresentações, vamos conhecer mais sobre nosso curso!

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

7

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Planejamento das Aulas

Desde já começaremos a abordar o conteúdo do nosso curso. Acredito que neste curso passaremos de 100 questões comentadas. Vou usar minha experiência em concursos para te ajudar, a saber, exatamente o que você precisa saber, ou seja, o que as bancas estão cobrando nos últimos anos. Digo isso, porque quando você adquire um livro, exemplo: Engenharia de Software do Roger Pressman, literatura muito explorada pela FCC, CESGRANRIO, ESAF, etc. Você pode passar muito tempo aprendendo o que a banca não cobra. Nada contra adquirir o livro, mas esse será o meu trabalho aqui, tirar da literatura tudo que você precisa para ter conteúdo fresco e necessário para sua prova. Acredite em mim, 80% das questões da sua prova, já ocorreram antes de outra forma, ou seja, é previsível o que a banca vai cobrar se você conseguir enxergar o que ela vem cobrando. É aqui que eu entro para te ajudar a passar na frente da concorrência, garanto a você que esse material será construído a fim de ser tudo o que você precisa para ingressar nos grandes concursos. Trabalharemos aqui com uma visão crescente, ou seja, o conteúdo das aulas partirá de uma visão geral, onde você vai entender o básico até uma visão detalhista. Por que Professor? Porque não adianta se tornar um especialista em conceitos avançados quando você nem entende a teoria mais básica e simples, como veremos existem questões que vão ir fundo nas disciplinas, todavia, outras serão triviais, abordando apenas o conceito por trás da disciplina. Adotarei uma linguagem simples, para o texto não ser cansativo, para que tenhamos uma aula baseada em uma conversa, acredito que isso te ajudará na absorção do conteúdo. Preciso fazer resumos? Sinceramente, sim. Eu indico a prática de fazer resumos sempre ao término de uma aula, exemplo: você estuda toda a aula 00, então estuda novamente agora fazendo seu resumo. Eu em particular adoto sempre a elaboração de resumos e tem me ajudado a materializar as informações na minha mente, principalmente perto da prova, quando os resumos ajudam bastante.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

8

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Buscarei aqui construir parágrafos pequenos, para deixar o texto dinâmico e objetivo, com destaques nas palavras ou frases chaves. Qualquer dúvida me coloco a disposição para auxiliá-los, com rápido feedback para que possamos caminhar juntos nessa jornada rumo a aprovação. Esta é a nossa aula demonstrativa onde mergulharemos fundo na matéria e nos exercícios.

já

Bons estudos!!! Prof. Pedro Henrique Chagas Freitas

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

9

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

HTML, CSS e XML HTML (HyperText Markup Language) Tim Berners-Lee nos anos 90 decidiu entrar para a história, criando uma linguagem de marcação que permitiria a troca de informações entre pesquisadores de diversas universidades, nasceu então o HTML (HyperText Markup Language). Mas o que Tim Berners-Lee não sabia era que o HTML se tornaria um dos pilares que levantaria a comunicação através da Internet como conhecemos hoje. Tim para os mais íntimos, não percebeu que o HTML era muito mais poderoso do que o contexto no qual foi iniciado. Na década de 90 o WWW (World Wide Web) começa a ser composto por documentos em HTML, estes passaram a ser transmitidos através de servidores web com o protocolo de comunicação HTTP (HyperText Transfer Protocol). Foi então que o HTML começou a ser difundido da mesma maneira que a própria internet ia avançando e evoluindo, em virtude do HTML não ser casesensitive (não fazer diferenciação de maiúsculo e minúsculo), seu contexto de utilização era ampliado cada vez mais.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

10

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

O HTML (HyperText Markup Language) é uma linguagem de marcação que torna possível a disponibilização de conteúdo na internet. Quando um navegador recebe esse conteúdo em HTML ele interpreta e apresenta esse conteúdo.

O ponto muito explorado aqui é de que além do HTML ser uma linguagem propriamente dita, ele é uma linguagem de marcação, ou seja, HTML se utiliza de tags para que o texto fique padronizado, podendo incluir dentro desse texto: links, imagens, etc. Perceba no exemplo acima que temos duas tags: e . OBS: Chamo atenção que da mesma forma que abrimos essas tags, devemos fechá-las: e . Ok? Head é o cabeçalho, que fica logo acima do Body que é o corpo da página (Body é responsável por exibir as informações apresentadas ao usuário quando este consulta uma página web). Note que estamos criando então a estrutura de uma página web quando utilizamos o HTML a fim de apresentar um conteúdo organizado ao usuário que consulta uma determina página. Chegaremos em um ponto da aula que faremos uma distinção entre conteúdo e apresentação deste conteúdo, ok? Mas por hora, quero que você grave que HTML vai estruturar o conteúdo da página web, perfeito?! No nosso código HTML, todo conteúdo deverá estar entre duas tags e :

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

11

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Antes da tag teremos a tag que é responsável por indicar qual tipo de documento o navegador receberá. é uma instrução para orientar o navegador quanto ao tipo de documento, no caso: HTML. Aula de HTML Você será aprovado!

No head temos o cabeçalho que no caso é: Aula de HTML. Para definir que se trata do título utilizamos a tag . No HTML 5, nós precisamos utilizar necessariamente as tags: e , porque são necessárias para validar uma página web.

Além do podemos ter outras tags dentro da tag são elas:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

12

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas



Indica informações de estilo no HTML.



Indica um link para URLs no HTML.



Indica metadados no HTML.



Indica um endereço para URLs no HTML.



Indica um script no HTML.

A tag como falei é onde fica o conteúdo HTML que será apresentado no navegador para o usuário que consulta a página web.

Aula de HTML Você será aprovado!

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

13

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Professor e se eu quiser inserir parágrafos dentro do conteúdo do meu texto HTML, como faço? Aula de HTML Você será aprovado! Esse é o seu ano! Tudo vai dar certo Não temas Estude Sua vitória está chegando

Essas tags (h1, h2... h6) são conhecidas como heading tags e são utilizadas para inserir paragráfos, criando títulos dentro do conteúdo da página. Temos 6 níveis ( ... ), logo são 6 níveis de cabeçalhos. Dentro dos parágrafos temos os hiperlinks que são links que ligam outras partes do conteúdo web ou outras páginas web. Quando o usuário clica em um desses hiperlinks, ele é redirecionado, para isso utilizamos o atributo “href” com o nome do link e a tag que designa o link.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

14

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Exemplo: Melhores cursos de Tecnologida da Informação para Concursos Públicos

Se vocês clicarem nesse hiperlink serão redirecionados para o local onde estão os melhores cursos de Tecnologia da Informação para Concursos Públicos (: Quando queremos inserir imagens utilizamos a tag: com o atributo src que será responsável pelo endereço da imagem e aqui não temos uma tag de fechamento . Ok?

Juntando imagem com hiperlink, temos: Aula de HTML Você será aprovado!

E como toda linguagem, nós também podemos inserir comentários, para isso utilizamos: . Lembrando que comentário tem a finalidade de explicar o código e não serão apresentados no navegador. Exemplo:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

15

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

HTML 5 O HTML teve diversas versões publicadas ao longo dos anos e hoje estamos no HTML 5, desde o ano de 2014.

Versão

Ano

HTML

1991

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML

2000

HTML5

2014

Um ponto de sensível mudança para nós concurseiros é que no HTML 5 temos a seguinte política: Desde os anos 90, o HTML tem sido usado para codificação de conteúdo, bem como para apresentação de conteúdo nas páginas web. A partir de agora temos uma separação entre conteúdo e apresentação, conteúdo agora segundo a W3C é responsabilidade do HTML e apresentação é responsabilidade das folhas de estilo (CSS).

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

16

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Vários elementos novos foram anexados ao HTML 5, permitindo inclusive o desenvolvimento de aplicações off-line, dentre os novos elementos do HTML 5, alguns são destaques: é o elemento responsável por definir um artigo em um documento, como um fórum, por exemplo. é o elemento responsável por definir um conjunto de links de navegação em um documento. é o elemento que cria um rodapé para um documento é o elemento responsável por definir seções, como capítulos de um documento. é o elemento utilizado para desenhar formas dinamicamente através de script, como gráficos. é o elemento que define o que deve ser mostrado nos navegadores que não suportam anotações Ruby. é o elemento que especifica o método HTTP para o envio de dados em formulário. é o elemento utilizado para desenhar formas dinamicamente via SVG. Por fim podemos construir o seguinte raciocínio sobre HTML:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

17

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

1. (CESGRANRIO – 2014 – EPE – Analista de Tecnologia da Informação) HTML (HiperText Markup Language) é uma linguagem de marcação inventada por Tim Berners-Lee e se tornou a principal linguagem de criação de páginas Web. Em evolução constante, sua especificação atual é conhecida como HTML 5. Segundo essa última especificação, um documento HTML, versão 5, básico, deve começar com uma declaração que define seu tipo, que indica ao browser que o conteúdo do elemento deve ser tratado como HTML. Qual é essa declaração? a) b) c) d) e)

< < < <
?DOCTYPE html> DOCTYPE html5> ?html version="5.0"?> ?html5 version "1.0"?>

Comentários: Antes da tag teremos a tag que é responsável por indicar qual tipo de documento o navegador receberá. é uma instrução para orientar o navegador quanto ao tipo de documento, no caso: HTML.

Gabarito: Letra A

2. (CESPE – 2013 –UNIPAMPA – Analista Sistemas) A partir do advento do HTML 5, todos os servidores web tiveram de ser atualizados para suportar novas características introduzidas por essa nova versão de páginas web.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

18

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Comentários: Claro que não, os navegadores precisaram ser atualizados para trabalhar com as atualizações feitas no HTML 5 e não os servidores. Gabarito: Errado

3. (CESPE – 2014 – ANATEL – Analista de Sistemas) No HTML 5, a tag é usada para definir o que deve ser mostrado na hipótese de determinado browser não suportar anotações ruby. Comentários: Vários elementos novos foram anexados ao HTML 5, permitindo inclusive o desenvolvimento de aplicações off-line, dentre os novos elementos do HTML 5, alguns são destaques: é o elemento que define o que deve ser mostrado nos navegadores que não suportam anotações Ruby. Gabarito: Correto

4. (CESPE – 2013 – MPOG – Analista de Tecnologia da Informação) Elemos em formato SVG podem ser embutidos diretamente em uma página HTML usando HTML 5. Comentários: Vários elementos novos foram anexados ao HTML 5, permitindo inclusive o desenvolvimento de aplicações off-line, dentre os novos elementos do HTML 5, alguns são destaques: é o elemento utilizado para desenhar formas dinamicamente via SVG. Gabarito: Correto

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

19

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

5. (CONSULPLAN – 2006 – Prefeitura de Natal – Analista – Tecnologia da Informação) No HTML Tags são: a) Comandos de linguagem de programação orientada a objetos. b) Variáveis de tamanho fixo definidas internamente em um programa de computador. c) Códigos de formatação usados em documentos HTML para instruir o browser sobre a forma de apresentação de textos e gráficos numa homepage. d) Comandos usados em um programa na linguagem Java para delimitar e formatar seções internas. e) Definem constantes de formatação que são usadas em linguagens tais como PHP e JSP para que o browser entenda o significado de uma expressão ou gráfico. Comentários: Dentro do que aprendemos sobre tags HTML a alternativa “c” é a única que se caracteriza como definição para tags. As demais alternativas são tem ligação nenhuma com o que é uma tag HTML. Gabarito: Letra C

6. (FUNRIO – 2014 – IF-BA – Técnico em Audiovisual) HTML é a abreviação de: a) b) c) d) e)

Hyper Hyper Hyper Hyper Hyper

Text Markup List. Tags Multimedia Language. Tags Multimedia List. Text Markup Language. Text Multimedia Language.

Comentários: Tim Berners-Lee nos anos 90 decidiu entrar para a história, criando uma linguagem de marcação que permitiria a troca de informações entre pesquisadores de diversas universidades, nasceu então o HTML (HyperText Markup Language).

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

20

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Gabarito: Letra D

7. (CESPE – 2014 – ANATEL – Analista de Sistemas) Na linguagem HTML, para inserir uma imagem, utiliza-se a tag , que pode ser aberta e fechada no mesmo bloco da tag, sendo também necessário usar o comando src para que o navegador obtenha o endereço da imagem. Comentários: Lembrando: Quando queremos inserir imagens utilizamos a tag: com o atributo src que será responsável pelo endereço da imagem e aqui não temos uma tag de fechamento . Ok?

Gabarito: Correto

8. (CESPE – 2012 – UFBA – Analista de Sistemas) O trecho de código HTML - UFBA – permite criar um link no site. Comentários: Faltou o essencial, faltou o href. Dentro dos parágrafos temos os hiperlinks que são links que ligam outras parte do conteúdo web ou outras páginas web. Quando o usuário clica em um desses hiperlinks, ele é redirecionado, para isso utilizamos o atributo “href” com o nome do link e a tag que designa o link. Exemplo: Melhores cursos de Tecnologida da Informação para Concursos Públicos

Gabarito: Errado

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

21

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

9. (UFMG – 2010 – UFMG – Assistente de Administração) Assinale a opção que corresponde à linguagem padronizada baseada em marcas (tags) que é utilizada para a realização dos sites da Internet, permitindo aos programas navegadores (browsers) exibir os conteúdos ou páginas desses sites. a) b) c) d)

WWW. HTML. HTTP. FTP.

Comentários: Como estamos estudando, a descrição se aplica ao HTML. Gabarito: Correto

10. (CESPE – 2013 – STF – Analista Judiciário - Sistemas) HTML 5 é uma linguagem multiplataforma que permitiu o desenvolvimento de aplicações web executadas off-line e incorporou novos elementos de conteúdo específico, como , , e . Comentários: Lembrando: Vários elementos novos foram anexados ao HTML 5, permitindo inclusive o desenvolvimento de aplicações off-line, dentre os novos elementos do HTML 5, alguns são destaques: é o elemento responsável por definir um artigo em um documento, como um fórum, por exemplo. é o elemento responsável por definir um conjunto de links de navegação em um documento. é o elemento que cria um rodapé para um documento

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

22

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

é o elemento responsável por definir seções, como capítulos de um documento. Gabarito: Correto 11. (FCC – 2011 – TRT 14 Região – Analista Judiciário Sistemas) É uma tag HTML que conta com os atributos href e name para possibilitar o estabelecimento de hiperligações (link), para outro trecho de um documento, para outra página de Internet ou mesmo um endereço de e-mail: a) b) c) d) e)



Comentários: Dentro dos parágrafos temos os hiperlinks que são links que ligam outras parte do conteúdo web ou outras páginas web. Quando o usuário clica em um desses hiperlinks, ele é redirecionado, para isso utilizamos o atributo “href” com o nome do link e a tag que designa o link. Gabarito: Letra A

12. (FCC – 2010 – TCE-SP – Agente de Fiscalização Financeira Informática) A linguagem HTML, para produzir páginas na Web, tratase de uma linguagem do tipo: a) b) c) d) e)

De marcação De script Procedural Orientada a eventos Orientada a objetos

Comentários: Tim Berners-Lee nos anos 90 decidiu entrar para a história, criando uma linguagem de marcação que permitiria a troca de informações entre pesquisadores de diversas universidades, nasceu então o HTML (HyperText Markup Language).

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

23

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Gabarito: Letra A 13. (CESPE – 2012 – TRE-RJ – Técnico Judiciário – Programação) HTML é uma linguagem de programação, atualmente na versão 5, muito utilizada para ambientes desktop. Comentários: HTML é uma linguagem de marcação, muito utilizada em servidores e não em desktop. Gabarito: Errado

14. (FCC – 2010 – AL-SP – Agente de Processamento de Dados) A sintaxe correta da instrução utilizada para inserir comentário em um código HTML é: a) b) c) d) e)

Echo comentário // comentário /* comentário */

Comentários: E como toda linguagem, nós também podemos inserir comentários, para isso utilizamos: . Lembrando que comentário tem a finalidade de explicar o código e não serão apresentados no navegador. Exemplo: Gabarito: Letra E 15. (FCC – 2010 – AL-SP – Agente Legislativo – Processamento de dados) Muitos atributos de tags nas novas versões da linguagem HTML foram depreciados em favor do uso de: a) b) c) d)

Scripts executados do lado do cliente. Folha de estilo. Scripts executados do lado do servidor. Linguagens de marcação extensíveis.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

24

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

e) Novas bibliotecas de tags. Comentários: Várias tags HTML, no HTML 5 foram depreciadas a fim utilizar as tags HTML para geração de conteúdo, enquanto a parte de apresentação ficou com o CSS. Lembrando: Um ponto de sensível mudança para nós concurseiros no HTML 5 é que temos aqui a seguinte política: Desde os anos 90, o HTML tem sido usado para codificação conteúdo, bem como para apresentação de conteúdo nas páginas web. A partir de agora temos uma separação entre conteúdo e apresentação, agora conteúdo segundo a W3C responsabilidade do HTML e apresentação é responsabilidade das folhas de estilo (CSS). Gabarito: Letra B 16. (VUNESP – 2012 – TJ/SP – Analista de Sistemas) Em uma página Web escrita utilizando a linguagem de marcação HTML, devem existir pelos menos quatros partes de TAGs. O TAG que deve iniciar o arquivo da página é: a) b) c) d) e)



Comentários: O elemento que deve iniciar o arquivo da página é o . Gabarito: Letra B

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

25

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

CSS (Cascading Style Sheets) HTML surgiu com o objetivo de estruturar o conteúdo das páginas web, todavia com a evolução tecnológica a apresentação desse conteúdo passou a ser tão importante como o próprio conteúdo. É nesse ponto onde o CSS (Cascading Style Sheets) surge para ser responsável pela apresentação do conteúdo desenvolvido em HTML. Antes do CSS, o conteúdo e a apresentação se misturavam dentro da estrutura do HTML, o que gerava uma série de problemas. Com o tempo foi necessário implementar o CSS a fim de separar conteúdo e apresentação. O CSS então surge para resolver esse problema com a apresentação, se responsabilizando pela estilização dos elementos HTML. As regras de estilo agora estão com o CSS e conforme especificação da W3C, responsável por estabelecer padrões para a internet, os arquivos .css ou arquivos de folha de estilo são responsáveis por descrever o arquivo HTML visualmente. Existe uma casca de banana muito comum nas questões que envolvem HTML e CSS, todas as bancas costumam gostar de confundir os papéis do HTML e do CSS. Segundo a W3C, o CSS (Cascading Style Sheets) tem por função a apresentação do arquivo HTML.

O que você não deve esquecer é: HTML é utilizado para definição de conteúdo, enquanto o CSS tem por função cuidar da apresentação deste conteúdo. Professor, posso utilizar o HTML para definir a camada de apresentação do meu código?

A resposta é Sim. Professor eu devo fazer isso? A resposta é Não. Por que?

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

26

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Segundo a W3C e eu concordo plenamente com isso e as bancas também. O código deve ser organizado, a fim de demonstrar uma divisão entre conteúdo e apresentação deste conteúdo. Se eu começo a criar código HTML para definir a apresentação, o código fica extremamente carregado, o que dificulta a edição, a verificação do código, ou seja, temos código orientado à bagunça. Todavia, se utilizamos o CSS podemos criar, por exemplo: animações sem utilizar outras tecnologias. Então vamos fazer um acordo aqui, se a questão estiver falando de conteúdo, ela esta falando de HTML, se falar de apresentação estará falando de CSS.

Perceba então que o CSS é um conjunto de definições de estilos, como: cor, fonte, tamanho, etc, que é responsável por reger a apresentação da página HTML. Temos três níveis de regras de estilo quando tratamos de estilo no CSS:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

27

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

No estilo Inline modificamos o estilo de um único elemento, sendo declarado dentro do próprio elemento. No estilo Interno (CSS interna) temos uma modificação na seção head do arquivo HTML, ou seja, existe uma declaração no cabeçalho do documento HTML, fazendo com que ocorra uma modificação no estilo de elementos, sem que este seja declarado dentro do próprio elemento. No estilo externo (CSS externa) modifica-se o estilo dos elementos, através da declaração em um arquivo externo. Podemos também explorar um tipo de estilo específico, conhecido por backgroud, os backgrounds são estilos de fundo responsáveis pela apresentação dos fundos de alguns elementos associados aos atributos, ou seja, os atributos background (bgcolor) definem cores para o fundo do elemento HTML ou imagens, por exemplo:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

28

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

17. (CESPE – 2013 – CNJ – Analista Judiciário – Sistemas) O CSS é uma linguagem de estilo que permite separar o formato e o conteúdo de documentos. Entretanto, as definições do CSS não são suportadas igualmente por todos os navegadores. Comentários: De fato o CSS é uma linguagem de estilo que tem por finalidade separar o formato (apresentação) do conteúdo e nem todas as definições CSS são suportadas de forma igual pelos navegadores. Gabarito: Correto

18. (CESPE – 2013 – BACEN – Analista de Sistemas) O CSS permite criar animações e transições de estilo sem a necessidade de utilizar Flash ou Javascripts. Comentários: Lembra do que falamos aqui: Se eu começo a criar código HTML para definir meu conteúdo de apresentação, o código fica extremamente carregado, o que dificulta a edição, a verficação do código, ou seja, temos código orientado à bagunça. Todavia, se utilizamos o CSS podemos criar, por exemplo: animações sem utilizar outras tecnologias. Gabarito: Correto 19. (CESPE – 2014 – TJ – SE – Analista Judiciário - Sistemas) Entre as maneiras de inclusão do CSS em uma página HTML, a forma inline é a mais recomendada. Comentários:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

29

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Não necessariamente, existem casos específicos onde a inline é mais recomendada e outros onde o estilo interno e o externo são mais recomendados. Gabarito: Errado

20. (FCC – 2010 –TER-RS– Analista Judiciário – Suporte) Analise os blocos de código seguintes:

Esses blocos representam, respectivamente, as maneiras de inserir folhas de estilo: a) b) c) d) e)

Interna, externa e inline. Inline, interna e externa. Externa, interna e inline. Externa e interna, somente. Interna, somente.

Comentários:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

30

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Vamos lá, no bloco 1 temos um link, então já sabemos que aqui tenho uma ligação externa. Lembra da definição: No estilo externo (CSS externa) modifica-se o estilo dos elementos, através da declaração em um arquivo externo. No bloco 2 temos dentro do cabeçalho logo temos estilo interno aqui. Definição: No estilo Interno (CSS interna) temos uma modificação na seção head do arquivo HTML, ou seja, existe uma declaração no cabeçalho do documento HTML, fazendo com que ocorra uma modificação no estilo de elementos, sem que este seja declarado dentro do próprio elemento. Por fim nos resta o estilo Inline, onde modificamos o estilo de um único elemento, sendo declarado dentro do próprio elemento, no caso dentro da tag . Gabarito: Letra C

21. (CESPE – 2014 – TJ-SE – Analista Judiciário - Sistemas) A organização de páginas web deve distinguir conteúdo de apresentação mediante uso, por exemplo, das linguagens HTML e CSS, respectivamente. Comentários: Perfeito! Foi o que aprendemos. Antes do CSS, conteúdo e apresentação se misturavam dentro da estrutura do HTML, o que gerava uma série de problemas. Com o tempo foi necessário implementar o CSS a fim de separar conteúdo e apresentação. O CSS então surge para resolver esse problema com a apresentação, se responsabilizando pela estilização dos elementos HTML.

Gabarito: Correto

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

31

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

22. (FCC – 2010 – BAHIAGÁS – Analista de Sistemas modificada) As regras CSS no cabeçalho do documento, que afetam somente a página HTML atual, são definidas no método denominado: a) b) c) d) e)

Inline Offline Externo Interno Personalizado

Comentários: No estilo Interno (CSS interna) temos uma modificação na seção head do arquivo HTML, ou seja, existe uma declaração no cabeçalho do documento HTML, fazendo com o ocorra uma modificação no estilo de elementos, sem que este seja declarado dentro do próprio elemento. OBS: Na questão original a letra “d” tinha a opção incorporado, acredito que esse termo possa ter se originado da tradução de estilo interno, de qualquer forma não é usual esse termo incorporado, por isso troquei para interno, que é o mais comum na literatura. Gabarito: Letra C

23.

(ESAF – 2010 – CVM – Analista de Sistemas) O CSS é

a) o padrão MVC para modificação da representação audiovisual para as páginas web. b) o padrão W3C de definição da apresentação visual para as páginas web. c) o mesmo que cascading spread system. d) o agente de definição da programação de páginas web. e) o componente WMW de gestão de páginas de monitoramento. Comentários: O CSS é o padrão W3C de definição de apresentação visual para as páginas web. Gabarito: Letra B

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

32

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

XML (eXtensible Markup Language) XML (eXtensible Markup Language) é o substituto do SGML (Satandart Generalized Markup Language) e tem sua utilização principal compartilhamento de informação na internet. XML é por definição da W3C uma metalinguagem de marcação, responsável por regras de codificação para documento em formato legível. No XML o objetivo é armazenar dados e transportar dados, logo é mais rígido que o HTML. O XML não possui tags definidas como o HTML, no XML podemos criar nossas próprias tags, por isso o XML também é muito utilizado para dar base para outras linguagens. Com XML conseguimentos transportar documentos através da web sem a dependência de uma plataforma. Dentro da linguagem XML, temos o XML Schema que é um documento utilizado para a definição de métodos, restrições e regras de validação. Quando utilizamos o XML Schema, podemos validar os metadados e os dados de um documento XML, logo podemos validar tanto a estrutura como os próprios dados. Uma observação importante é que o XML é case-sensitive, ou seja, no XML temos distinção entre letras minúsculas e maiúsculas. No XML os valores dos atributos deverão aparecer entre aspas e o documento XML sempre deve ter um elemento principal, que atribuímos o nome de root tag, ou seja, sempre teremos um elemento raiz. Quanto a validade de um documento XML, este para ser considerado validado deverá ter um conjunto de instrução responsável por definir a estrutura do documento, demonstrando quais elementos e atributos são permitidos. Exemplo de receita de pão em XML:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

33

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

24. (VUNESP – 2011 – TJ-SP – Analista de Sistemas) Considere as afirmações sobre a formatação de um documento XML. I. II. III.

As tags XML são case sensitive. Documentos XML devem conter um elemento-raiz. Atributos de valor devem estar entre aspas.

Sobre as afirmações, está correto o contido em a) b) c) d) e)

I, apenas. III, apenas. I e II, apenas. II e III, apenas. I, II e III.

Comentários: Conforme vimos, o XML é case sensitive, ou seja, no XML temos distinção entre letras minúsculas e maiúsculas. Os documentos XML devem conter um elemento-raiz: No XML os valores dos atributos deverão aparecer entre aspas e o documento XML sempre deve ter um elemento principal, que atribuímos o nome de root tag, ou seja, sempre teremos um elemento raiz. Atributos de valor devem estar entre aspas: Perfeito! Aspas simples ou duplas.

Gabarito: Letra E

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

34

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

25. (FCC – 2012 – MPE-AP – Analista de Tecnologia) Um documento XML bem formatado é aquele que apresenta uma sintaxe XML correta. Sobre as regras de sintaxe em documentos XML bem formatados é correto afirmar: a) Os elementos XML não podem ter mais que um atributo e o valor desse atributo pode estar vazio. b) Não é necessário que um documento XML tenha um elemento raiz. c) Os elementos XML não precisam ser fechados por tag, exceto o que define a versão da XML usada. d) Tags XML são case sensitive e os valores dos atributos devem aparecer entre aspas. e) Elementos XML não precisam ser aninhados corretamente, sendo assim, o primeiro que abre sempre será o primeiro que fecha. Comentários: Conforme vimos nossa letra correta é a “d”, tags XML são case sensitive e os valores dos atributos devem ficar entre aspas.

Gabarito: Letra D

26.

(UNIRIO – 2009 – UNIRIO – Técnico de Tecnologia) XML é

a) linguagem de especificação baseada no SOAP. b) um tipo de HTML voltado a aplicações e serviços internet. c) subconjunto de SGML e pode ser usado para a criação de linguagens de marcação específicas. d) um protocolo para a troca de mensagens e documentos escritos em uma linguagem de marcação. e) um modelo conceitual de dados, usado para a especificação de bancos de dados. Comentários: XML é um subconjunto de SGML e pode ser utilizado para a criação de linguagens de marcação específicas. Relembrando:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

35

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

XML (eXtensible Markup Language) é o substituto do SGML (Satandart Generalized Markup Language) e tem sua utilização principal compartilhamento de informação na internet. XML é por definição da W3C uma metalinguagem de marcação, responsável por regras de codificação para documento em formato legível. No XML o objetivo é armazenar dados e transportar dados, logo é mais rígido que o HTML. O XML não possui tags definidas como o HTML, no XML podemos criar nossas próprias tags, por isso o XML também é muito utilizado para dar base para outras linguagens. Gabarito: Letra C

27. (FCC – 2012 – TST – Técnico Judiciário - Tecnologia da Informação) A linguagem XML a) é considerada uma linguagem de marcação que tem uma biblioteca de tags muito rica e finita, a ponto de atender a todos os segmentos de negócios ligados a indústria, comércio e serviços. b) foi concebida para trabalhar com metadados, que descrevem os dados do documento XML. c) permite realizar diretamente no código diferentes formatações para exibir os dados de forma personalizada aos usuários. d) cria uma DTD - Dados para Transferência de Documentos - que define a estrutura do documento XML. e) está na versão 5.0 já que a XML 4.0 estava obsoleta e, gradativamente, sendo substituída pela WML. Comentários: Como aprendemos o XML trabalha com metadados, que descrevem os dados do documento XML. Gabarito: Letra B

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

36

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

28. (CESPE – 2010 – Banco da Amazônia – Técnico científico) Usando-se um XML Schema, validam-se os metadados e os dados de um documento XML. Comentários: Perfeito. Basta lembrar: Dentro da linguagem XML, temos o XML Schema que é um documento utilizado para a definição de métodos, restrições e regras de validação. Quando utilizamos o XML Schema, podemos validar os metadados e os dados de um documento XML, logo podemos validar tanto a estrutura como os próprios dados.

Gabarito: Correto

29. (CESPE – 2010 – TRE-BA – Analista Judiciário - Sistemas) As marcações XML não fazem distinção entre letras minúsculas e maiúsculas. Comentários: Ao contrário! XML faz distinção entre letras minúsculas e maiúsculas. Quando utilizamos o XML Schema, podemos validar os metadados e os dados de um documento XML, logo podemos validar tanto a estrutura como os próprios dados. Uma observação importante é que XML é case-sensitive, ou seja, no XML temos distinção entre letras minúsculas e maiúsculas.

Gabarito: Errado

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

37

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

DHTML (Dynamic HTML), XHTML (eXtensible HTML) e XSLT (eXtensible Stulesheet Language) DHTML (Dynamic HTML) é a junção de várias tecnologias a fim de criar sites interativos. Entre as tecnologias principais estão: HTML, JavaScript, DOM (Document Object Model) e CSS. Através de DHTML é possível mudar variáveis de páginas HTML estáticas, ou seja, é possível dinamizar o conteúdo. XHTML (eXtensible HTML) é o HTML com regras que geram mais restrição. Xhtml e html são idênticos, porém XHTML é mais rígido, não permitindo alguns erros por exemplo que o HTML permite.

XSLT (eXtensible Stylesheet Language for Transformation) é uma linguagem extensível para folhas de estilo, utilizada para a criação de XSL que definem a apresentação de documento XML. Além disso, o XSLT é utilizado para modificar elementos em um documento XML, transformando este, por exemplo, em um documento HTML. Esses três assuntos não são muito cobrados em prova, mas vale a pena trazer a definição deles, até para não haver confusões, porque existem questões por exemplo que vão falar sobre HTML ou XML e apresentar a definição de DHTML , XHTML ou XSLT, o fato é que sempre é bom compreender as definições, porque nos ajudam a entender inclusive a fonte da tecnologia, no caso o HTML e o XML, como estamos falando aqui de HTML e XML, achei cabível apresentar o DHTML, XHTML e XSLT. Vamos ver as questões.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

38

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

30. (CESPE – 2008 – SERPRO – Analista de Sistemas) O JavaScript expande as capacidades de uma página HTML e, unido ao CSS, formou o DHTML. Comentários: DHTML (Dynamic HTML) é a junção de várias tecnologias a fim de criar sites interativos. Entre as tecnologias principais estão: HTML, JavaScript, DOM (Document Object Model) e CSS.

Gabarito: Correto

31. (CESPE – 2008 – HEMOBRÁS – Web Designer) Nos documentos em XHTML, deve-se utilizar minúsculas para os elementos do HTML, porque a linguagem XHTML é sensível ao tamanho da letra. Comentários: Essa é uma das características que falei sobre o XHTML ser mais rígido, o XHTML é mais sensível ao tamanho da letra.

Gabarito: Correto

32. (CESPE – 2015 – MEC – Web Design) A XHTML (extensible hypertext markup language) especifica um conjunto de regras que utilizam o XML (extensible markup language) para estender versões do HTML (hypertext markup language).

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

39

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Comentários: Perfeito! Foi o que vimos: XHTML (eXtensible HTML) é o HTML com regras que geram mais restrição. Xhtml e html são idênticos, porém XHTML é mais rígido, não permitindo alguns erros por exemplo que o HTML permite.

Gabarito: Correto

33. (FCC – 2009 – TJ-SE – Técnico Judiciário - Sistemas) Para produzir websites "animados", com recursos de acesso dinâmico, a linguagem DHTML é a junção de tecnologias como a) b) c) d) e)

XML, JSP e CSS. XML, JavaScript e CSS. Java, JSP e JavaScript. HTML, JavaScript e folhas de estilo. HTML, XML e folhas de estilo.

Comentários: Conforme vimos: DHTML (Dynamic HTML) é a junção de várias tecnologias a fim de criar sites interativos. Entre as tecnologias principais estão: HTML, JavaScript, DOM (Document Object Model) e CSS.

Gabarito: Letra D

34. (CESPE – 2016 – TCE/SC – Analista de Sistemas) O XSLT é utilizado para adicionar e (ou) remover elementos e atributos dos arquivos de saída e para transformar um documento XML em um documento HTML ou XHTML, ou, ainda, em outro documento XML.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

40

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Comentários: Conforme vimos: XSLT (eXtensible Stylesheet Language for Transformation) é uma linguagem extensível para folhas de estilo, utilizada para a criação de XSL que definem a apresentação de documento XML. Além disso, o XSLT é utilizado para modificar elementos em um documento XML, transformando este, por exemplo, em um documento HTML.

Gabarito: Correto

35. (CESPE – 2010 – TRE-MT – Analista Judiciário - Tecnologia da Informação - modificada) A respeito de XSLT (eXtensible Stylesheet Language Transformation): XSLT é uma linguagem para transformar documentos XML em documentos em HTML. Comentários: Como vimos o XSLT é utilizado para modificar elementos em um documento XML, transformando este, por exemplo, em um documento HTML.

Gabarito: Correto

Ficamos por aqui, bons estudos e até a próxima aula. Abraço!

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

41

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Lista das Questões Comentadas na Aula 1. (CESGRANRIO – 2014 – EPE – Analista de Tecnologia da Informação) HTML (HiperText Markup Language) é uma linguagem de marcação inventada por Tim Berners-Lee e se tornou a principal linguagem de criação de páginas Web. Em evolução constante, sua especificação atual é conhecida como HTML 5. Segundo essa última especificação, um documento HTML, versão 5, básico, deve começar com uma declaração que define seu tipo, que indica ao browser que o conteúdo do elemento deve ser tratado como HTML. Qual é essa declaração? a) b) c) d) e)

< < < <
?DOCTYPE html> DOCTYPE html5> ?html version="5.0"?> ?html5 version "1.0"?>

Comentários: Antes da tag teremos a tag que é responsável por indicar qual tipo de documento o navegador receberá. é uma instrução para orientar o navegador quanto ao tipo de documento, no caso: HTML.

Gabarito: Letra A

2. (CESPE – 2013 –UNIPAMPA – Analista Sistemas) A partir do advento do HTML 5, todos os servidores web tiveram de ser atualizados para suportar novas características introduzidas por essa nova versão de páginas web. Comentários: Claro que não, os navegadores precisaram ser atualizados para trabalhar com as atualizações feitas no HTML 5 e não os servidores.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

42

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Gabarito: Errado

3. (CESPE – 2014 – ANATEL – Analista de Sistemas) No HTML 5, a tag é usada para definir o que deve ser mostrado na hipótese de determinado browser não suportar anotações ruby. Comentários: Vários elementos novos foram anexados ao HTML 5, permitindo inclusive o desenvolvimento de aplicações off-line, dentre os novos elementos do HTML 5, alguns são destaques: é o elemento que define o que deve ser mostrado nos navegadores que não suportam anotações Ruby. Gabarito: Correto

4. (CESPE – 2013 – MPOG – Analista de Tecnologia da Informação) Elemos em formato SVG podem ser embutidos diretamente em uma página HTML usando HTML 5. Comentários: Vários elementos novos foram anexados ao HTML 5, permitindo inclusive o desenvolvimento de aplicações off-line, dentre os novos elementos do HTML 5, alguns são destaques: é o elemento utilizado para desenhar formas dinamicamente via SVG. Gabarito: Correto

5. (CONSULPLAN – 2006 – Prefeitura de Natal – Analista – Tecnologia da Informação) No HTML Tags são:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

43

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

a) Comandos de linguagem de programação orientada a objetos. b) Variáveis de tamanho fixo definidas internamente em um programa de computador. c) Códigos de formatação usados em documentos HTML para instruir o browser sobre a forma de apresentação de textos e gráficos numa homepage. d) Comandos usados em um programa na linguagem Java para delimitar e formatar seções internas. e) Definem constantes de formatação que são usadas em linguagens tais como PHP e JSP para que o browser entenda o significado de uma expressão ou gráfico. Comentários: Dentro do que aprendemos sobre tags HTML a alternativa “c” é a única que se caracteriza como definição para tags. As demais alternativas são tem ligação nenhuma com o que é uma tag HTML. Gabarito: Letra C

6. (FUNRIO – 2014 – IF-BA – Técnico em Audiovisual) HTML é a abreviação de: a) b) c) d) e)

Hyper Hyper Hyper Hyper Hyper

Text Markup List. Tags Multimedia Language. Tags Multimedia List. Text Markup Language. Text Multimedia Language.

Comentários: Tim Berners-Lee nos anos 90 decidiu entrar para a história, criando uma linguagem de marcação que permitiria a troca de informações entre pesquisadores de diversas universidades, nasceu então o HTML (HyperText Markup Language). Gabarito: Letra D

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

44

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

7. (CESPE – 2014 – ANATEL – Analista de Sistemas) Na linguagem HTML, para inserir uma imagem, utiliza-se a tag , que pode ser aberta e fechada no mesmo bloco da tag, sendo também necessário usar o comando src para que o navegador obtenha o endereço da imagem. Comentários: Lembrando: Quando queremos inserir imagens utilizamos a tag: com o atributo src que será responsável pelo endereço da imagem e aqui não temos uma tag de fechamento . Ok?

Gabarito: Correto

8. (CESPE – 2012 – UFBA – Analista de Sistemas) O trecho de código HTML - UFBA – permite criar um link no site. Comentários: Faltou o essencial, faltou o href. Dentro dos parágrafos temos os hiperlinks que são links que ligam outras parte do conteúdo web ou outras páginas web. Quando o usuário clica em um desses hiperlinks, ele é redirecionado, para isso utilizamos o atributo “href” com o nome do link e a tag que designa o link. Exemplo: Melhores cursos de Tecnologida da Informação para Concursos Públicos

Gabarito: Errado

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

45

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

9. (UFMG – 2010 – UFMG – Assistente de Administração) Assinale a opção que corresponde à linguagem padronizada baseada em marcas (tags) que é utilizada para a realização dos sites da Internet, permitindo aos programas navegadores (browsers) exibir os conteúdos ou páginas desses sites. a) b) c) d)

WWW. HTML. HTTP. FTP.

Comentários: Como estamos estudando, a descrição se aplica ao HTML. Gabarito: Correto

10. (CESPE – 2013 – STF – Analista Judiciário - Sistemas) HTML 5 é uma linguagem multiplataforma que permitiu o desenvolvimento de aplicações web executadas off-line e incorporou novos elementos de conteúdo específico, como , , e . Comentários: Lembrando: Vários elementos novos foram anexados ao HTML 5, permitindo inclusive o desenvolvimento de aplicações off-line, dentre os novos elementos do HTML 5, alguns são destaques: é o elemento responsável por definir um artigo em um documento, como um fórum, por exemplo. é o elemento responsável por definir um conjunto de links de navegação em um documento. é o elemento que cria um rodapé para um documento é o elemento responsável por definir seções, como capítulos de um documento.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

46

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Gabarito: Correto 11. (FCC – 2011 – TRT 14 Região – Analista Judiciário Sistemas) É uma tag HTML que conta com os atributos href e name para possibilitar o estabelecimento de hiperligações (link), para outro trecho de um documento, para outra página de Internet ou mesmo um endereço de e-mail: a) b) c) d) e)



Comentários: Dentro dos parágrafos temos os hiperlinks que são links que ligam outras parte do conteúdo web ou outras páginas web. Quando o usuário clica em um desses hiperlinks, ele é redirecionado, para isso utilizamos o atributo “href” com o nome do link e a tag que designa o link. Gabarito: Letra A

12. (FCC – 2010 – TCE-SP – Agente de Fiscalização Financeira Informática) A linguagem HTML, para produzir páginas na Web, tratase de uma linguagem do tipo: a) b) c) d) e)

De marcação De script Procedural Orientada a eventos Orientada a objetos

Comentários: Tim Berners-Lee nos anos 90 decidiu entrar para a história, criando uma linguagem de marcação que permitiria a troca de informações entre pesquisadores de diversas universidades, nasceu então o HTML (HyperText Markup Language). Gabarito: Letra A

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

47

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

13. (CESPE – 2012 – TRE-RJ – Técnico Judiciário – Programação) HTML é uma linguagem de programação, atualmente na versão 5, muito utilizada para ambientes desktop. Comentários: HTML é uma linguagem de marcação, muito utilizada em servidores e não em desktop. Gabarito: Errado

14. (FCC – 2010 – AL-SP – Agente de Processamento de Dados) A sintaxe correta da instrução utilizada para inserir comentário em um código HTML é: a) b) c) d) e)

Echo comentário // comentário /* comentário */

Comentários: E como toda linguagem, nós também podemos inserir comentários, para isso utilizamos: . Lembrando que comentário tem a finalidade de explicar o código e não serão apresentados no navegador. Exemplo: Gabarito: Letra E 15. (FCC – 2010 – AL-SP – Agente Legislativo – Processamento de dados) Muitos atributos de tags nas novas versões da linguagem HTML foram depreciados em favor do uso de: a) b) c) d) e)

Scripts executados do lado do cliente. Folha de estilo. Scripts executados do lado do servidor. Linguagens de marcação extensíveis. Novas bibliotecas de tags.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

48

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Comentários: Várias tags HTML, no HTML 5 foram depreciadas a fim utilizar as tags HTML para geração de conteúdo, enquanto a parte de apresentação ficou com o CSS. Lembrando: Um ponto de sensível mudança para nós concurseiros no HTML 5 é que temos aqui a seguinte política: Desde os anos 90, o HTML tem sido usado para codificação conteúdo, bem como para apresentação de conteúdo nas páginas web. A partir de agora temos uma separação entre conteúdo e apresentação, agora conteúdo segundo a W3C responsabilidade do HTML e apresentação é responsabilidade das folhas de estilo (CSS). Gabarito: Letra B 16. (VUNESP – 2012 – TJ/SP – Analista de Sistemas) Em uma página Web escrita utilizando a linguagem de marcação HTML, devem existir pelos menos quatros partes de TAGs. O TAG que deve iniciar o arquivo da página é: a) b) c) d) e)



Comentários: O elemento que deve iniciar o arquivo da página é o . Gabarito: Letra B 17. (CESPE – 2013 – CNJ – Analista Judiciário – Sistemas) O CSS é uma linguagem de estilo que permite separar o formato e o conteúdo de documentos. Entretanto, as definições do CSS não são suportadas igualmente por todos os navegadores. Comentários:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

49

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

De fato o CSS é uma linguagem de estilo que tem por finalidade separar o formato (apresentação) do conteúdo e nem todas as definições CSS são suportadas de forma igual pelos navegadores. Gabarito: Correto

18. (CESPE – 2013 – BACEN – Analista de Sistemas) O CSS permite criar animações e transições de estilo sem a necessidade de utilizar Flash ou Javascripts. Comentários: Lembra do que falamos aqui: Se eu começo a criar código HTML para definir meu conteúdo de apresentação, o código fica extremamente carregado, o que dificulta a edição, a verficação do código, ou seja, temos código orientado à bagunça. Todavia, se utilizamos o CSS podemos criar, por exemplo: animações sem utilizar outras tecnologias. Gabarito: Correto 19. (CESPE – 2014 – TJ – SE – Analista Judiciário - Sistemas) Entre as maneiras de inclusão do CSS em uma página HTML, a forma inline é a mais recomendada. Comentários: Não necessariamente, existem casos específicos onde a inline é mais recomendada e outros onde o estilo interno e o externo são mais recomendados. Gabarito: Errado

20. (FCC – 2010 –TER-RS– Analista Judiciário – Suporte) Analise os blocos de código seguintes:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

50

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Esses blocos representam, respectivamente, as maneiras de inserir folhas de estilo: a) b) c) d) e)

Interna, externa e inline. Inline, interna e externa. Externa, interna e inline. Externa e interna, somente. Interna, somente.

Comentários:

Vamos lá, no bloco 1 temos um link, então já sabemos que aqui tenho uma ligação externa. Lembra da definição: No estilo externo (CSS externa) modifica-se o estilo dos elementos, através da declaração em um arquivo externo. No bloco 2 temos dentro do cabeçalho logo temos estilo interno aqui. Definição: No estilo Interno (CSS interna) temos uma modificação na seção head do arquivo HTML, ou seja, existe uma declaração no cabeçalho do documento HTML, fazendo com que ocorra uma modificação no estilo de elementos, sem que este seja declarado dentro do próprio elemento.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

51

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Por fim nos resta o estilo Inline, onde modificamos o estilo de um único elemento, sendo declarado dentro do próprio elemento, no caso dentro da tag . Gabarito: Letra C

21. (CESPE – 2014 – TJ-SE – Analista Judiciário - Sistemas) A organização de páginas web deve distinguir conteúdo de apresentação mediante uso, por exemplo, das linguagens HTML e CSS, respectivamente. Comentários: Perfeito! Foi o que aprendemos. Antes do CSS, conteúdo e apresentação se misturavam dentro da estrutura do HTML, o que gerava uma série de problemas. Com o tempo foi necessário implementar o CSS a fim de separar conteúdo e apresentação. O CSS então surge para resolver esse problema com a apresentação, se responsabilizando pela estilização dos elementos HTML.

Gabarito: Correto

22. (FCC – 2010 – BAHIAGÁS – Analista de Sistemas modificada) As regras CSS no cabeçalho do documento, que afetam somente a página HTML atual, são definidas no método denominado: a) b) c) d) e)

Inline Offline Externo Interno Personalizado

Comentários:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

52

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

No estilo Interno (CSS interna) temos uma modificação na seção head do arquivo HTML, ou seja, existe uma declaração no cabeçalho do documento HTML, fazendo com o ocorra uma modificação no estilo de elementos, sem que este seja declarado dentro do próprio elemento. OBS: Na questão original a letra “d” tinha a opção incorporado, acredito que esse termo possa ter se originado da tradução de estilo interno, de qualquer forma não é usual esse termo incorporado, por isso troquei para interno, que é o mais comum na literatura. Gabarito: Letra C

23.

(ESAF – 2010 – CVM – Analista de Sistemas) O CSS é

a) o padrão MVC para modificação da representação audiovisual para as páginas web. b) o padrão W3C de definição da apresentação visual para as páginas web. c) o mesmo que cascading spread system. d) o agente de definição da programação de páginas web. e) o componente WMW de gestão de páginas de monitoramento. Comentários: O CSS é o padrão W3C de definição de apresentação visual para as páginas web. Gabarito: Letra B 24. (VUNESP – 2011 – TJ-SP – Analista de Sistemas) Considere as afirmações sobre a formatação de um documento XML. I. II. III.

As tags XML são case sensitive. Documentos XML devem conter um elemento-raiz. Atributos de valor devem estar entre aspas.

Sobre as afirmações, está correto o contido em a) I, apenas. b) III, apenas. c) I e II, apenas.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

53

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

d) II e III, apenas. e) I, II e III.

Comentários: Conforme vimos XML é case sensitive: Uma observação importante é que XML é case-sensitive, ou seja, no XML temos distinção entre letras minúsculas e maiúsculas. Os documentos XML devem conter um elemento-raiz: No XML os valores dos atributos deverão aparecer entre aspas e o documento XML sempre deve ter um elemento principal, que atribuímos o nome de root tag, ou seja, sempre teremos um elemento raiz. Atributos de valor devem estar entre aspas: Perfeito! Aspas simples ou duplas.

Gabarito: Letra E

25. (FCC – 2012 – MPE-AP – Analista de Tecnologia) Um documento XML bem formatado é aquele que apresenta uma sintaxe XML correta. Sobre as regras de sintaxe em documentos XML bem formatados é correto afirmar: a) Os elementos XML não podem ter mais que um atributo e o valor desse atributo pode estar vazio. b) Não é necessário que um documento XML tenha um elemento raiz. c) Os elementos XML não precisam ser fechados por tag, exceto o que define a versão da XML usada. d) Tags XML são case sensitive e os valores dos atributos devem aparecer entre aspas. e) Elementos XML não precisam ser aninhados corretamente, sendo assim, o primeiro que abre sempre será o primeiro que fecha. Comentários:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

54

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Conforme vimos nossa letra correta é a “d”, tags XML são case sensitive e os valores dos atributos devem ficar entre aspas.

Gabarito: Letra D

26.

(UNIRIO – 2009 – UNIRIO – Técnico de Tecnologia) XML é

a) linguagem de especificação baseada no SOAP. b) um tipo de HTML voltado a aplicações e serviços internet. c) subconjunto de SGML e pode ser usado para a criação de linguagens de marcação específicas. d) um protocolo para a troca de mensagens e documentos escritos em uma linguagem de marcação. e) um modelo conceitual de dados, usado para a especificação de bancos de dados. Comentários: XML é um subconjunto de SGML e pode ser utilizado para a criação de linguagens de marcação específicas. Relembrando: XML (eXtensible Markup Language) é o substituto do SGML (Satandart Generalized Markup Language) e tem sua utilização principal compartilhamento de informação na internet. XML é por definição da W3C uma metalinguagem de marcação, responsável por regras de codificação para documento em formato legível. No XML o objetivo é armazenar dados e transportar dados, logo é mais rígido que o HTML. O XML não possui tags definidas como o HTML, no XML podemos criar nossas próprias tags, por isso o XML também é muito utilizado para dar base para outras linguagens. Gabarito: Letra C

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

55

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

27. (FCC – 2012 – TST – Técnico Judiciário - Tecnologia da Informação) A linguagem XML a) é considerada uma linguagem de marcação que tem uma biblioteca de tags muito rica e finita, a ponto de atender a todos os segmentos de negócios ligados a indústria, comércio e serviços. b) foi concebida para trabalhar com metadados, que descrevem os dados do documento XML. c) permite realizar diretamente no código diferentes formatações para exibir os dados de forma personalizada aos usuários. d) cria uma DTD - Dados para Transferência de Documentos - que define a estrutura do documento XML. e) está na versão 5.0 já que a XML 4.0 estava obsoleta e, gradativamente, sendo substituída pela WML. Comentários: Como aprendemos o XML trabalha com metadados, que descrevem os dados do documento XML. Gabarito: Letra B

28. (CESPE – 2010 – Banco da Amazônia – Técnico científico) Usando-se um XML Schema, validam-se os metadados e os dados de um documento XML. Comentários: Perfeito. Basta lembrar: Dentro da linguagem XML, temos o XML Schema que é um documento utilizado para a definição de métodos, restrições e regras de validação. Quando utilizamos o XML Schema, podemos validar os metadados e os dados de um documento XML, logo podemos validar tanto a estrutura como os próprios dados.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

56

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Gabarito: Correto

29. (CESPE – 2010 – TRE-BA – Analista Judiciário - Sistemas) As marcações XML não fazem distinção entre letras minúsculas e maiúsculas. Comentários: Ao contrário! XML faz distinção entre letras minúsculas e maiúsculas. Quando utilizamos o XML Schema, podemos validar os metadados e os dados de um documento XML, logo podemos validar tanto a estrutura como os próprios dados. Uma observação importante é que XML é case-sensitive, ou seja, no XML temos distinção entre letras minúsculas e maiúsculas.

Gabarito: Errado

30. (CESPE – 2008 – SERPRO – Analista de Sistemas) O JavaScript expande as capacidades de uma página HTML e, unido ao CSS, formou o DHTML. Comentários: DHTML (Dynamic HTML) é a junção de várias tecnologias a fim de criar sites interativos. Entre as tecnologias principais estão: HTML, JavaScript, DOM (Document Object Model) e CSS.

Gabarito: Correto

31. (CESPE – 2008 – HEMOBRÁS – Web Designer) Nos documentos em XHTML, deve-se utilizar minúsculas para os elementos do HTML, porque a linguagem XHTML é sensível ao tamanho da letra.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

57

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Comentários: Essa é uma das características que falei sobre o XHTML ser mais rígido, o XHTML é mais sensível ao tamanho da letra.

Gabarito: Correto

32. (CESPE – 2015 – MEC – Web Design) A XHTML (extensible hypertext markup language) especifica um conjunto de regras que utilizam o XML (extensible markup language) para estender versões do HTML (hypertext markup language). Comentários: Perfeito! Foi o que vimos: XHTML (eXtensible HTML) é o HTML com regras que geram mais restrição. Xhtml e html são idênticos, porém XHTML é mais rígido, não permitindo alguns erros por exemplo que o HTML permite.

Gabarito: Correto

33. (FCC – 2009 – TJ-SE – Técnico Judiciário - Sistemas) Para produzir websites "animados", com recursos de acesso dinâmico, a linguagem DHTML é a junção de tecnologias como a) b) c) d) e)

XML, JSP e CSS. XML, JavaScript e CSS. Java, JSP e JavaScript. HTML, JavaScript e folhas de estilo. HTML, XML e folhas de estilo.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

58

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Comentários: Conforme vimos: DHTML (Dynamic HTML) é a junção de várias tecnologias a fim de criar sites interativos. Entre as tecnologias principais estão: HTML, JavaScript, DOM (Document Object Model) e CSS.

Gabarito: Letra D

34. (CESPE – 2016 – TCE/SC – Analista de Sistemas) O XSLT é utilizado para adicionar e (ou) remover elementos e atributos dos arquivos de saída e para transformar um documento XML em um documento HTML ou XHTML, ou, ainda, em outro documento XML. Comentários: Conforme vimos: XSLT (eXtensible Stylesheet Language for Transformation) é uma linguagem extensível para folhas de estilo, utilizada para a criação de XSL que definem a apresentação de documento XML. Além disso, o XSLT é utilizado para modificar elementos em um documento XML, transformando este, por exemplo, em um documento HTML.

Gabarito: Correto

35. (CESPE – 2010 – TRE-MT – Analista Judiciário - Tecnologia da Informação - modificada) A respeito de XSLT (eXtensible Stylesheet Language Transformation): XSLT é uma linguagem para transformar documentos XML em documentos em HTML. Comentários:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

59

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Como vimos o XSLT é utilizado para modificar elementos em um documento XML, transformando este, por exemplo, em um documento HTML.

Gabarito: Correto

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

60

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Bibliografia London, KYLE. Desenvolvimento de Grandes Aplicações Web. O Relly, 2010.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

61

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Lista das Questões Apresentadas na Aula 1. (CESGRANRIO – 2014 – EPE – Analista de Tecnologia da Informação) HTML (HiperText Markup Language) é uma linguagem de marcação inventada por Tim Berners-Lee e se tornou a principal linguagem de criação de páginas Web. Em evolução constante, sua especificação atual é conhecida como HTML 5. Segundo essa última especificação, um documento HTML, versão 5, básico, deve começar com uma declaração que define seu tipo, que indica ao browser que o conteúdo do elemento deve ser tratado como HTML. Qual é essa declaração? a) b) c) d) e)

< < < <
?DOCTYPE html> DOCTYPE html5> ?html version="5.0"?> ?html5 version "1.0"?>

2. (CESPE – 2013 –UNIPAMPA – Analista Sistemas) A partir do advento do HTML 5, todos os servidores web tiveram de ser atualizados para suportar novas características introduzidas por essa nova versão de páginas web.

3. (CESPE – 2014 – ANATEL – Analista de Sistemas) No HTML 5, a tag é usada para definir o que deve ser mostrado na hipótese de determinado browser não suportar anotações ruby.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

62

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

4. (CESPE – 2013 – MPOG – Analista de Tecnologia da Informação) Elemos em formato SVG podem ser embutidos diretamente em uma página HTML usando HTML 5.

5. (CONSULPLAN – 2006 – Prefeitura de Natal – Analista – Tecnologia da Informação) No HTML Tags são: a) Comandos de linguagem de programação orientada a objetos. b) Variáveis de tamanho fixo definidas internamente em um programa de computador. c) Códigos de formatação usados em documentos HTML para instruir o browser sobre a forma de apresentação de textos e gráficos numa homepage. d) Comandos usados em um programa na linguagem Java para delimitar e formatar seções internas. e) Definem constantes de formatação que são usadas em linguagens tais como PHP e JSP para que o browser entenda o significado de uma expressão ou gráfico.

6. (FUNRIO – 2014 – IF-BA – Técnico em Audiovisual) HTML é a abreviação de: a) b) c) d) e)

Hyper Hyper Hyper Hyper Hyper

Text Markup List. Tags Multimedia Language. Tags Multimedia List. Text Markup Language. Text Multimedia Language.

7. (CESPE – 2014 – ANATEL – Analista de Sistemas) Na linguagem HTML, para inserir uma imagem, utiliza-se a tag , que pode ser aberta e fechada no mesmo bloco da tag, sendo também necessário usar o comando src para que o navegador obtenha o endereço da imagem.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

63

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

8. (CESPE – 2012 – UFBA – Analista de Sistemas) O trecho de código HTML - UFBA – permite criar um link no site.

9. (UFMG – 2010 – UFMG – Assistente de Administração) Assinale a opção que corresponde à linguagem padronizada baseada em marcas (tags) que é utilizada para a realização dos sites da Internet, permitindo aos programas navegadores (browsers) exibir os conteúdos ou páginas desses sites. a) b) c) d)

WWW. HTML. HTTP. FTP.

10. (CESPE – 2013 – STF – Analista Judiciário - Sistemas) HTML 5 é uma linguagem multiplataforma que permitiu o desenvolvimento de aplicações web executadas off-line e incorporou novos elementos de conteúdo específico, como , , e .

11. (FCC – 2011 – TRT 14 Região – Analista Judiciário Sistemas) É uma tag HTML que conta com os atributos href e name para possibilitar o estabelecimento de hiperligações (link), para outro trecho de um documento, para outra página de Internet ou mesmo um endereço de e-mail: a) b) c) d) e)



www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

64

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

12. (FCC – 2010 – TCE-SP – Agente de Fiscalização Financeira Informática) A linguagem HTML, para produzir páginas na Web, tratase de uma linguagem do tipo: a) b) c) d) e)

De marcação De script Procedural Orientada a eventos Orientada a objetos

13. (CESPE – 2012 – TRE-RJ – Técnico Judiciário – Programação) HTML é uma linguagem de programação, atualmente na versão 5, muito utilizada para ambientes desktop.

14. (FCC – 2010 – AL-SP – Agente de Processamento de Dados) A sintaxe correta da instrução utilizada para inserir comentário em um código HTML é: a) b) c) d) e)

Echo comentário // comentário /* comentário */

15. (FCC – 2010 – AL-SP – Agente Legislativo – Processamento de dados) Muitos atributos de tags nas novas versões da linguagem HTML foram depreciados em favor do uso de: a) b) c) d) e)

Scripts executados do lado do cliente. Folha de estilo. Scripts executados do lado do servidor. Linguagens de marcação extensíveis. Novas bibliotecas de tags.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

65

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

16. (VUNESP – 2012 – TJ/SP – Analista de Sistemas) Em uma página Web escrita utilizando a linguagem de marcação HTML, devem existir pelos menos quatros partes de TAGs. O TAG que deve iniciar o arquivo da página é: a) b) c) d) e)



17. (CESPE – 2013 – CNJ – Analista Judiciário – Sistemas) O CSS é uma linguagem de estilo que permite separar o formato e o conteúdo de documentos. Entretanto, as definições do CSS não são suportadas igualmente por todos os navegadores.

18. (CESPE – 2013 – BACEN – Analista de Sistemas) O CSS permite criar animações e transições de estilo sem a necessidade de utilizar Flash ou Javascripts.

19. (CESPE – 2014 – TJ – SE – Analista Judiciário - Sistemas) Entre as maneiras de inclusão do CSS em uma página HTML, a forma inline é a mais recomendada.

20. (FCC – 2010 –TER-RS– Analista Judiciário – Suporte) Analise os blocos de código seguintes:

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

66

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Esses blocos representam, respectivamente, as maneiras de inserir folhas de estilo: a) b) c) d) e)

Interna, externa e inline. Inline, interna e externa. Externa, interna e inline. Externa e interna, somente. Interna, somente.

21. (CESPE – 2014 – TJ-SE – Analista Judiciário - Sistemas) A organização de páginas web deve distinguir conteúdo de apresentação mediante uso, por exemplo, das linguagens HTML e CSS, respectivamente.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

67

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

22. (FCC – 2010 – BAHIAGÁS – Analista de Sistemas modificada) As regras CSS no cabeçalho do documento, que afetam somente a página HTML atual, são definidas no método denominado: a) b) c) d) e)

Inline Offline Externo Interno Personalizado

23.

(ESAF – 2010 – CVM – Analista de Sistemas) O CSS é

a) o padrão MVC para modificação da representação audiovisual para as páginas web. b) o padrão W3C de definição da apresentação visual para as páginas web. c) o mesmo que cascading spread system. d) o agente de definição da programação de páginas web. e) o componente WMW de gestão de páginas de monitoramento.

24. (VUNESP – 2011 – TJ-SP – Analista de Sistemas) Considere as afirmações sobre a formatação de um documento XML. I. II. III.

As tags XML são case sensitive. Documentos XML devem conter um elemento-raiz. Atributos de valor devem estar entre aspas.

Sobre as afirmações, está correto o contido em a) b) c) d) e)

I, apenas. III, apenas. I e II, apenas. II e III, apenas. I, II e III.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

68

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

25. (FCC – 2012 – MPE-AP – Analista de Tecnologia) Um documento XML bem formatado é aquele que apresenta uma sintaxe XML correta. Sobre as regras de sintaxe em documentos XML bem formatados é correto afirmar: a) Os elementos XML não podem ter mais que um atributo e o valor desse atributo pode estar vazio. b) Não é necessário que um documento XML tenha um elemento raiz. c) Os elementos XML não precisam ser fechados por tag, exceto o que define a versão da XML usada. d) Tags XML são case sensitive e os valores dos atributos devem aparecer entre aspas. e) Elementos XML não precisam ser aninhados corretamente, sendo assim, o primeiro que abre sempre será o primeiro que fecha.

26.

(UNIRIO – 2009 – UNIRIO – Técnico de Tecnologia) XML é

a) linguagem de especificação baseada no SOAP. b) um tipo de HTML voltado a aplicações e serviços internet. c) subconjunto de SGML e pode ser usado para a criação de linguagens de marcação específicas. d) um protocolo para a troca de mensagens e documentos escritos em uma linguagem de marcação. e) um modelo conceitual de dados, usado para a especificação de bancos de dados.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

69

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

27. (FCC – 2012 – TST – Técnico Judiciário - Tecnologia da Informação) A linguagem XML a) é considerada uma linguagem de marcação que tem uma biblioteca de tags muito rica e finita, a ponto de atender a todos os segmentos de negócios ligados a indústria, comércio e serviços. b) foi concebida para trabalhar com metadados, que descrevem os dados do documento XML. c) permite realizar diretamente no código diferentes formatações para exibir os dados de forma personalizada aos usuários. d) cria uma DTD - Dados para Transferência de Documentos - que define a estrutura do documento XML. e) está na versão 5.0 já que a XML 4.0 estava obsoleta e, gradativamente, sendo substituída pela WML.

28. (CESPE – 2010 – Banco da Amazônia – Técnico científico) Usando-se um XML Schema, validam-se os metadados e os dados de um documento XML.

29. (CESPE – 2010 – TRE-BA – Analista Judiciário - Sistemas) As marcações XML não fazem distinção entre letras minúsculas e maiúsculas.

30. (CESPE – 2008 – SERPRO – Analista de Sistemas) O JavaScript expande as capacidades de uma página HTML e, unido ao CSS, formou o DHTML.

31. (CESPE – 2008 – HEMOBRÁS – Web Designer) Nos documentos em XHTML, deve-se utilizar minúsculas para os elementos do HTML, porque a linguagem XHTML é sensível ao tamanho da letra.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

70

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

32. (CESPE – 2015 – MEC – Web Design) A XHTML (extensible hypertext markup language) especifica um conjunto de regras que utilizam o XML (extensible markup language) para estender versões do HTML (hypertext markup language).

33. (FCC – 2009 – TJ-SE – Técnico Judiciário - Sistemas) Para produzir websites "animados", com recursos de acesso dinâmico, a linguagem DHTML é a junção de tecnologias como a) b) c) d) e)

XML, JSP e CSS. XML, JavaScript e CSS. Java, JSP e JavaScript. HTML, JavaScript e folhas de estilo. HTML, XML e folhas de estilo.

34. (CESPE – 2016 – TCE/SC – Analista de Sistemas) O XSLT é utilizado para adicionar e (ou) remover elementos e atributos dos arquivos de saída e para transformar um documento XML em um documento HTML ou XHTML, ou, ainda, em outro documento XML.

35. (CESPE – 2010 – TRE-MT – Analista Judiciário - Tecnologia da Informação - modificada) A respeito de XSLT (eXtensible Stylesheet Language Transformation): XSLT é uma linguagem para transformar documentos XML em documentos em HTML.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

71

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

Gabarito

1. Letra A.

24.

Letra E.

2. Errado.

25.

Letra D.

3. Correto.

26.

Letra C.

4. Correto.

27.

Letra B.

5. Letra C.

28.

Correto.

6. Letra D.

29.

Errado.

7. Correto.

30.

Correto.

8. Errado.

31.

Correto.

9. Correto.

32.

Correto.

10.

Correto.

33.

Letra D.

11.

Letra A.

34.

Correto.

12.

Letra A.

35.

Correto.

13.

Errado.

14.

Letra E.

15.

Letra B.

16.

Letra B.

17.

Correto.

18.

Correto.

19.

Errado.

20.

Letra C.

21.

Correto.

22.

Letra C.

23.

Letra B.

www.pontodosconcursos.com.br| Prof. Pedro Henrique Chagas Freitas

72

Escriturário – Informática - Teoria e Exercícios Comentados Banco do Brasil – Parte II: Escriturário Aula 00 – HTML, CSS e XML - Prof. Pedro Freitas

www.pontodosconcursos.com.br |Prof. Pedro Henrique Chagas Freitas

73