Você está na página 1de 4

24/02/2013

O que HTML?
uma sigla para HyperText Markup Language, ou seja,
uma linguagem de marcao usada para criar contedo
no formato de hipertexto.
uma linguagem INTERPRETADA, pois o contedo delimitado pelos marcadores so
interpretados em tempo de execuo, sem necessidade de uma compilao prvia.

Os MARCADORES, chamados de tags (em ingls) ou etiquetas (em portugus),


HTML para Concursos Pblicos determinam o contedo que deve ser interpretado. interpretado por
navegadores (browsers) como o Internet Explorer, Firefox, Opera etc.

Aula 01 Caractersticas Gerais Hipertexto um formato de contedo baseado em navegao por


elos (mais conhecidos hoje pelo seu equivalente em ingls: links).
a base de toda a Internet!

Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais

Os Marcadores (Tags) Estrutura de um HTML


Como HTML uma linguagem de marcao, ela Abaixo temos um exemplo de um arquivo HTML:
composta de Marcadores, tambm chamados tags. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
Cada tag delimitado pelos sinais de menor que (<) e maior que (>). Por <head>
<title>Minha Primeira Pgina</title>
exemplo, <html> uma tag HTML.
</head>
<body>
Ol, seja benvindo a <br/>
GERALMENTE as tags vm em duplas, sendo que a tag que inicia possui um minha primeira pgina HTML!
determinado nome, e sua par, que finaliza, possui uma barra normal antes do seu </body>
</html>
nome. Por exemplo: <html> uma tag inicial; e </html> uma tag final.
Ao ser interpretado por um browser, o usurio ver:

MAS LEMBRE-SE: As tags no precisam vir sempre em Ol, seja benvindo a Repare que algumas tags como html,
duplas, elas podem vir sozinhas tambm, conforme minha primeira pgina HTML! head, body e possuem incio e fim. J
veremos mais para frente! outras como !DOCTYPE e br no.

Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais

Primrdios da HTML Evoluo da HTML


A Linguagem HTML foi inventada no comeo da dcada Verses da linguagem HTML foram aprovadas ao longo do tempo
de 1990 e at hoje vem sendo atualizada. pela W3C:
1 HTML 2.0: isso mesmo, apesar de ser 2.0, esta foi a primeira verso
Foi baseada na especificao SGML (Standard Generalized Markup aprovada pela W3C. Seu cdigo era IETF-RFC1866. Lembre-se que j
Language), que define o padro para Linguagens de Marcao. existia HTML antes da W3C surgir! A principal contribuio da 2.0 foi
tentar acabar com a Guerra dos Browsers, padronizando o HTML e
criando o DTD (Descrio de Tipo de Documento), que um modelo de
Com a crescente popularizao da Internet, as empresas que desenvolviam os descrio hierrquica de um documento HTML. Isso foi em 1995.
browsers, como o Netscape Navigator (se lembram?) e depois o Internet Explorer,
comearam a criar seus prprios marcadores, dificultando uma padronizao do HTML.
2 HTML 3.2: Surgiu logo aps, em 1997, com o objetivo de incluir novas marcaes e o
Esta poca ficou conhecida como a Guerra dos Browsers.
conceito de Folhas de Estilo em Cascata (CSS), que veremos mais adiante.

3 HTML 4.0: No final de 1997, a W3C aprova mais uma verso. Nesta especificao so
criadas recomendaes para abandonar algumas marcaes.

Em 1994, foi criada a W3C (World Wide Web Consortium) com o intuito de melhorar a
Web, que envolvia, entre outras aes, a padronizao da linguagem HTML. 4 HTML 4.01: Finalmente em 1999, a W3C lana a especificao da verso mais atual da
HTML. Pelo menos at 2013...

Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais

1
24/02/2013

HTML e CSS Cliente x Servidor


HTML deve ser usada para definio de contedo. Mas tambm A arquitetura de um ambiente Web pode ser dividida, de forma
pode ser usada para apresentao. Porm... simplificada, em duas partes: o Cliente e o Servidor.
O Cliente, representado ...e o Servidor Web.
Em 1996, a W3C recomenda o CSS (Cascade Style Sheets ou
Folha de Estilos em Cascata) para formatar a apresentao de pelo Browser, ...
O Browser solicita uma pgina web
um arquivo HTML. ao Servidor...

A CSS um conjunto de formataes para apresentao (visual) de elementos HTML


numa pgina web. Inclui definies para fontes, cores, disposio etc. Tais definies ... o Servidor processa a solicitao
podem ser inseridas no prprio arquivo HTML, ou ficar em arquivos totalmente do browser e devolve uma pgina
HTML.
independentes, que o mais recomendado.

Hoje, j considerado padro dizer: HTML para definir CONTEDO, enquanto a CSS
para definir APRESENTAO. A ideia SEPARAR as obrigaes: enquanto um profissional O Servidor Web pode rodar scripts de servidor (tais como PHP, ASP, JSP etc) para processar o
se preocupar em criar contedo, um outro de perfil mais artstico pode trabalhar a pedido do browser a fim de retornar uma pgina HTML para o cliente.
forma de apresentao, o desenho.
Por sua vez, o Browser pode rodar scripts do lado cliente, ou seja, que rodam APENAS no
browser sem comunicao com o Servidor. A linguagem cliente mais usada o Javascript.
Portanto, LEMBRE-SE: HTML contedo, e CSS apresentao!

Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais

HTML Dinmico (DHTML) A leveza do HTML e a rigidez do XML


Mas por que existem dois tipos de scripts: um no lado Servidor e outro HTML uma linguagem menos rgida que outras linguagens de
no lado Cliente? marcao, como o XML.
Em primeiro lugar, isso deixa o Servidor Web menos carregado, pois parte do
processamento pode ficar a cargo do lado cliente, o Browser. Voc pode deixar erros de linguagem no seu arquivo HTML que o browser tentar exibir
seu contedo da melhor maneira possvel.
Alm disso, o script cliente permite uma execuo mais rpida, uma vez que no
preciso esperar respostas do Servidor via Internet.
Por causa desta liberdade, comum vermos sites que funcionam num browser e em
outro, estes sites ficam estranhos.
Decorrente disso, surge um novo conceito:
DHTML, isto , Dynamic HyperText Markup
Language, ou HTML Dinmico. Porm, quando um browser detecta erros em HTML, ele entra em modo de operao
degradado, sobrecarregando a interpretao do HTML. Um exemplo de erro o
esquecimento de fechamento de tags.
DHTML o uso de scripts no lado cliente com o objetivo de deixar o HTML mais
dinmico usando a prpria linguagem HTML, Javascript e CSS. No caso, a CSS usada Visando resolver estes problemas, a W3C comeou a pesquisar a adoo de algumas
em conjunto com o Javascript para mudar o visual do HTML em tempo de manipulao caractersticas da linguagem XML. Esta, por sua vez, no admite erros ou esquecimento
do browser, sem a necessidade de enviar requisies ao servidor Web. de marcaes. Caso isso ocorra, o XML fica at impossvel de ser interpretado.

Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais

O advento do XHTML HTML5


A linguagem XHTML considerada uma das evolues da linguagem Ento surgiu a verso 5, ou seja, o HTML5.
HTML.
Em 2007, a W3C decidiu que no iria mais investir no XHTML,
XHTML a linguagem HTML com caractersticas da linguagem
mudando suas atenes para uma nova verso, chamada HTML5
XML.
(ainda em desenvolvimento).

A W3C comeou a desenvolver a XHTML com a ideia de que ao incorporar caractersticas Isto decorreu pois a XHTML estava sendo considerada muito restritiva, devido ao rigor das
da linguagem XML, tornaria a HTML mais robusta e mais padronizada. Pois a linguagem marcaes XML. Chegando inclusive a recomendar o abandono de algumas marcaes,
XML mais exigente quanto s marcaes. alm de gerar erros caso o HTML no fosse bem escrito.

As vantagens do XHTML, decorrentes da incorporao XML: As principais ideias contidas no HTML5 so:
1 Por ser mais exigente quanto s marcaes, sua pgina web poder ser exibida praticamente 1 Ser compatvel com as verses antigas do HTML e tambm com o XHTML. Assim, no
igual no importando qual browser voc esteja usando. precisaremos reescrever as nossas antigas pginas HTML e nem abandonar tags antigas tambm.

2 J existem outros programas que entendem e interpretam XML, desta forma, uma pgina 2 Incorporar novas funcionalidades em marcadores (tags), a fim de diminuir a quantidade de
XHTML poderia ser interpretada no somente por browsers, mas por outros programas tambm. plugins e de scripts no lado cliente.

3 extensvel, ou seja, voc pode criar outras marcaes, alm das padres de HTML, que o 3 Tornar o HTML possvel de interpretar no maior nmero possvel de dispositivos.
browser no vai reclamar.

Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais

2
24/02/2013

Resoluo de Questes Resoluo de Questes


Questo 1 (CESPE - 2012 - TRE-RJ - Tcnico Judicirio - Programao de Sistemas) Questo 2 (FCC - 2012 - TJ-RJ - Analista Judicirio - Anlise de Sistemas)

HTML, DHTML, JavaScript e PHP so linguagens utilizadas no desenvolvimento de sites da World Wide
Julgue o item a seguir, referente a noes de desenvolvimento e Web. A seu respeito correto afirmar que
manuteno de sistemas e aplicaes.
a) o cdigo de uma aplicao JavaScript deve ser interpretado pelo servidor HTTP ao passo que o
cdigo de uma aplicao PHP deve ser interpretado pelo cliente HTTP.
HTML (hypertext markup language) uma linguagem de programao,
b) o cdigo de uma aplicao JavaScript deve ser interpretado pelo cliente HTTP ao passo que o
atualmente na verso 5, muito utilizada para ambientes desktop. cdigo de uma aplicao PHP deve ser interpretado pelo servidor HTTP.
c) tanto o cdigo de uma aplicao JavaScript como o cdigo de uma aplicao PHP devem ser
( ) CERTO ( X ) ERRADO executados pelo cliente HTTP.
d) tanto o cdigo de uma aplicao JavaScript como o cdigo de uma aplicao PHP devem ser
executados pelo servidor HTTP.
e) o cdigo de uma pgina HTML deve ser interpretado pelo cliente HTTP ao passo que o cdigo de
uma pgina DHTML deve ser interpretado pelo servidor HTTP.

Resposta: ERRADO. A HTML uma linguagem voltada para o ambiente Web.


Resposta: Letra B. Javascript uma linguagem do lado cliente (roda no Browser),
enquanto o PHP um script de servidor, portanto, roda no servidor Web.

Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais

Resoluo de Questes Resoluo de Questes


Questo 3 (CESPE - 2010 - TRE-BA - Tcnico Judicirio - Programao de Sistemas) Questo 4 (CESPE - 2011 - TJ-ES - Tcnico de Informtica Especficos)

Julgue o item a seguir, relativo ao desenvolvimento de sistemas Julgue o item, relativo a fundamentos de computao e linguagens de
web. programao e desenvolvimento para a Web.

Para a construo de pginas web, pode-se combinar a linguagem HTML com Em HTML, nas situaes em que sejam utilizadas aplicaes que requeiram
diferentes tecnologias, entre elas a CSS, que permite melhorar a apresentao do hipertextos dinmicos, necessrio um compilador. Esses hipertextos que
stio. possibilitam links com pginas que possuam endereos que no sejam fixos.

(X ) CERTO ( ) ERRADO ( ) CERTO ( X ) ERRADO

Resposta: CERTO. A HTML se preocupa com o contedo, e a CSS com a apresentao. Resposta: ERRADO. A HTML INTERPRETADA, no h necessidade de uma compilao
prvia.

Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais

Resoluo de Questes Resoluo de Questes


Questo 5 (Prova: FCC - 2010 - TCE-SP - Agente da Fiscalizao Financeira - Informtica - Questo 6 (FCC - 2010 - TCE-SP - Agente da Fiscalizao Financeira - Informtica - Suporte
Suporte de Web) de Web)

A linguagem HTML, para produzir pginas na Web, trata- se de uma linguagem do tipo A linguagem DHTML, unindo as tecnologias HTML, JavaScript e uma linguagem de
apresentao, significa
a) de marcao. a) Data Hypertext Markup Language.
b) de script. b) Dynamic Hypertext Meta Language.
c) procedural. c) Dynamic Hypertext Markup Language.
d) orientada a eventos. d) Data Hypertext Meta Language.
e) orientada a objetos. e) Dynamic Hypermidia Markup Language.

Resposta: Letra A. A linguagem HTML uma linguagem de marcao para hipertexto. Resposta: Letra C. DHTML a sigla para Dynamic Hypertext Markup Language, ou seja,
Linguagem de Marcao para Hipertexto Dinmica.

Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais

3
24/02/2013

Resoluo de Questes Final da Aula 1


Questo 7 (FCC - 2011 - TRT - 14 Regio (RO e AC) - Analista Judicirio - Tecnologia da GABARITO:
Informao)
1 - ERRADO
Ambas identificam elementos em uma pgina e ambas utilizam sintaxes similares. A 2 - Letra B
grande diferena entre elas que uma descreve a aparncia e as aes em uma pgina na 3 - CERTO
rede enquanto a outra no descreve nem aparncia e nem aes, mas sim o que cada
trecho de dados ou representa, ou seja, descreve o contedo do documento. Uma tag 4 - ERRADO
esquecida na escrita de uma delas ou um atributo sem aspas torna o documento 5 - Letra A
inutilizvel, enquanto que na outra isso tolerado. 6 - Letra C
Pelas caractersticas comparadas, o texto acima refere-se a 7 - Letra A
a) HTML e XML.
b) UML e XML.
c) PHP e Java.
d) Oracle Forms e UML.
e) Java e CSS.
At a prxima aula!
Resposta: Letra A. HTML usada para definir contedo na rede (Web), enquanto a
XML mais genrica. XML uma linguagem de marcao mais rgida que a HTML.
Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais Prof. Mrcio Vilanova HTML Aula 01 Caractersticas Gerais