Tecnologia Web

Objetivo Geral:
Usar linguagens, conceitos e ferramentas para a criao de frontend e backend de
sites, de modo que seja capaz de trabalhar em projetos web.
Um pouco de histria BBs
Um Bulletin Board System (BBs) um Sistema de comunicao que permite um
usurio atravs de um computador e de uma linha telefnica se conectar ao sistema e
usar os seus servios tal como hoje se faz com a Internet.
Por meio de um BBs possvel:
Ler notcias
Baixar software e dados
Enviar software e dados
Trocar mensagens com outros usurios
Conversar (Chat) com outros usurios
Divertir-se com jogos online
Os primeiros BBs surgiram na dcada de 70 e os seus anos ureos foram entre a
dcada de 70 e meados da dcada de 90.
Uma viso geral da WEB
um sistema de comunicao global no qual usurios podem usar servios similares
ao disponibilizados nas BBs, mas com uma experincia de interao superior.
O advento da WEB representa uma importante revoluo no mundo da computao.
Origem da WEB
Foi criada por Tim Berner-Lee, um engenheiro britnico, cientista da computao e
professor do MIT.
A WEB foi criada em 1989 no CERN, um laboratrio de fsica suo, para facilitar a
comunicao entre os membros da instituio.
O objetivo era apresentar um sistema para interligar computadores do laboratrio e
outras instituies de pesquisa e exibir documentos cientficos de forma simples e fcil
de acessar.
A ideia revolucionria de Tim Berners-Lee foi explorar o hipertexto e a hipermdia
sobre a internet.
Tim Berners- Lee apresentou a ideia para comunidade de desenvolvedores. Como
ningum implementou sua ideia, ele decidiu implementar o projeto por conta prpria.
Em 25 de dezembro de 1990, implementou a primeira comunicao bem-sucedida
entre um navegador e um servidor WEB atravs da internet.

Um computador NeXTcube foi usado por Berners-Lee com primeiro servidor Web e
tambm para escrever o primeiro navegador, em 1900.
Em 30 de abril de 1993, Tim Berners-Lee anunciou que a WEB seria livre para
todos, sem custo.
Considera-se que a WEB comeou a se tornar popular com a introduo do
navegador Mosaic em 1993.
O Mosaic foi primeiro navegador grfico, e desenvolvido por um time de
desenvolvedores universitrios.
Mosaic conhecido por muitos como o primeiro navegador WEB
Mosaic
Foi o primeiro navegador a rodar no Windows, o que abriu a WEB para o
pblico em geral.
Foi desenvolvido no Nacional Center for Supercomputing Applications (NCSA)
a partir de 1992, lanado em 1993.
A popularidade do Mosaic comeou a cair depois do lanamento do Netscape
Navigator.
Netscape
A empresa Netscape Communications projetou um novo navegador WEB
chamado Netscape.
O Netscape apresentava novas caractersticas significantes sobre o programa
original do Mosaic.
O Mosaic foi extinto em 27 de janeiro de 1997.
Um mundo de sistemas WEB
O papel dos Sistemas WEB suportar sites WEB que se utilizam de dados
dinmicos, sejam esses dadas buscados em um banco de dados.
Para isso, os sistemas WEB so integrados com algum banco de dados e
trabalham em conjunto com um servidor WEB.
Tipos de aplicaes
Na WEB possvel encontrar uma infinidade de aplicaes:
Comrcio Eletrnico, Educao a Distncia, Sites de Relacionamentos,
Bancos onlines, Governo eletrnico, Portal de Notcias, Bate Papo, Biblioteca Digital,
Blogs, Fruns, Compartilhamento de Contedo, Jogos.
Plataformas WEB
Web Mvel ou WEB Apps
Web TV

IoT Internet das Coisas

Internet e Web so a mesma coisa?
Conceitos Bsicos
A base da WEB
A ideia revolucionria de Tim Berners Lee foi explorar:
Hipertexto
Hipermdia, e
Internet
Hipertexto
O hipertexto surgiu para romper a forma sequencial de leitura dos textos:
Apresentando a proposta de uma nova forma de leitura onde o usurio escolhe entre o
incio, meio ou fim de um texto.
A ideia do Hipertexto surgiu a partir das enciclopdias digitais que j
apresentavam a ideia de leitura no linear.
Principais Conceitos:
N: Uma unidade de contedo: um documento, um pargrafo do
documento, etc.
Elo: Ligao entre dois ns.
ncora: Ponto do documento onde inicia-se ou termina um elo.
Hipermdia
A hipermdia pode ser considerada uma extenso do Hipertexto, pois, inclui
alm de textos comuns: Figuras, sons, animaes, vdeos
Torna mais rica a experincia de interatividade do usurio
Pgina WEB
um documento da WEB baseado em hipertexto e hipermdia.
Geralmente escrito em linguagens de suporte a WEB.
Cada pgina identificada por meio de um endereo eletrnico conhecido como
URL.
URL
O URL (Localizador de Recursos Universal) o endereo de um recurso
disponvel na WEB.
Um recurso pode ser: imagem, vdeo, msica, Script PHP, pgina WEB
Um URL tem a seguinte estrutura: protocolo://servidor/diretrio/recurso

http://www.uea.edu.br/turma/alunos.html
Tipos de Pginas WEB
Um sistema WEB composto por um conjunto de pginas WEB do tipo:
Estticas
Dinmicas
Responsivas
Tais pginas podem estar hospedadas em diversos servidores espalhados na
Internet.
Pginas WEB Estticas
So pginas que mostram as mesmas informaes cada vez que so acessadas.
Geralmente so previamente criadas por meio de uma ferramenta de autoria.
So gerados um conjunto de arquivos no formato HTML sendo armazenados em
um Servidor WEB.
Pginas WEB Dinmicas
Pginas onde as informaes mudam com certa frequncia. Toda vez que so
acessadas.
No existem fisicamente armazenadas no servidor por meio de arquivos HTML.
So geradas em tempo real, dinamicamente por meio de programas (Scripts)
normalmente integrados com algum banco de dados.
Os programas executam operaes como:
Consultar uma tabela de uma base de dados para obter uma lista de
registros.
Inserir registros na tabela
Alterar registros
Excluir registros
Programas podem ser implementados em linguagens como PHP, Perl, JAVA,
ASP, etc.
Pginas Responsivas
Pginas WEB que se adequam de forma automtica a vrios dispositivos ou
ambientes de visualizao.
Criao de Pginas WEB
As pginas tm como base a linguagem Hypertext Markup Languagem (HTML),
significa Linguagem de Marcao de Hipertexto.

O HTML composto por instrues denominadas de TAGS (elementos) que permitem

definir estrutura de uma pgina WEB, e sua formatao.
Existem dois tipos de linguagens para desenvolvemos para WEB:
As linguagens client-site (ou frontend) e as linguagens server-side (ou backend).
As linguagens server-side so linguagens que o SERVIDOR entende.
Isso quer dizer que vai escrever um cdigo onde o servidor vai process-lo e
ento vai mandar para o seu navegador a resposta.
Exemplos de linguagens: PHP, ASP, JAVA, Ruby, etc.
Por exemplo: se criarmos um script em linguagem backend que apenas
calcula a soma de 2+2, ser o servidor (ou back, ou server) que calcular este resultado.
As linguagens client-side so linguagens onde apenas o seu NAVEGADOR vai
entender.
Quem vai processar essa linguagem no o servidor, mas o seu browser.
Exemplos de linguagens: HTML, CSS, JavaScript
Se fizermos esse clculo em alguma linguagem front-end, como o
JavaScript, quem calcular essa conta o BROWSER do usurio. Por isso o termo
cliente ou front.
Assim os profissionais que trabalham na interface do usurio, so chamados de
Desenvolvedores front-end
J aqueles que trabalham no core da aplicao, fazendo uma programao que
somente o servidor ir entender so chamados de Desenvolvedores Back-end.
Desenvolvimento por camadas
Existem trs separaes no desenvolvimento web:
Informao: que fica com o cdigo HTML, onde voc vai dar significado
informao.
Formatao: que fica com o CSS, que como voc vai dar estilo a toda
informao marcada com HTML.
Comportamento: que como voc vai controlar elementos do HTML com
JavaScript e seus frameworks.
O HTML vai servir para marcar sua informao dando significado a ela.
Se voc marca uma frase com a tag <h1>, voc est dizendo para leitores de
telas para cegos, motores de buscas e browsers, que aquela frase se trata de um ttulo
importante. Voc deu significado este pedao de texto.
Logo depois voc precisar deixar esse ttulo com uma cor diferente, com um
background bonito e uma fonte legal. A voc entra com o CSS para fazer esse trabalho.
Essa formatao importante porque voc precisa deixar o site do jeito que o Design

quer. Lembre-se que aqui voc s modifica o visual do elemento e no o significado

dele.
Se voc precisar, por exemplo, exibir ao lado do ttulo o dia e horrio do sistema
do usurio. Ai voc entra com o JavaScript para fazer esse trabalho. O JavaScript
permite a implementao de scripts que so programas.

Quem toma conta da WEB?

O W3C, o consrcio que regulamenta os padres para WEB.
Quando Tim Berners-Lee criou a web, o HTML e tudo mais, decidiu que era bom que
houvesse um rgo para regulamentar, criar e manter os padres para WEB.
Esse rgo no teria fins lucrativos. Logo deu-se o nome de W3C: World Wide Web
Consortium.
O W3C apoiado por vrias empresas como a Microsoft, Samsung, Apple, Google,
Mozilla e etc...
Todas essas empresas ajudam o W3C com um valor anual, ajudando-o a manter suas
pesquisas e at o mesmo incluindo membros de suas equipes nos grupos de trabalho de
cada padro.
Linguagens WEB Front-end
HTML linguagem principal da WEB. Ela serve para marcar a informao dando
significado a ela. Ela define a estrutura bsica de uma pgina.
CSS utilizada para definir a formatao do contedo e layout de pginas WEB. Seu
principal benefcio prover a separao entre a formatao e o contedo de um
documento.

JavaScript, podemos criar pequenos programas para gerar efeitos especiais nas pginas
e definir interatividade com o usurio, como a validao de entrada de dados de um
formulrio.

PHP (Hypertext Preprocesor), uma linguagem para programar scripts do lado do

servidor. Esta linguagem gratuita e de multiplataforma.

Estrutura bsica de um documento WEB

html>

o incio
<head> o cabealho
<title>Ttulo do Documento</title> o ttulo
</head> final de cabealho
<body> texto, contedo principal, o corpo do doc.
imagem,
hyperlinks, ...
</body> final do corpo

</html> final do documento

Hiperlinks
As pginas WEB so interligadas atravs de hiperlinks.
Os hiperlinks permitem:
Implementar os elos entre os ns (pginas WEB)
Acessar recursos disponibilizados no servidor
A leitura no linear e maior agilidade no acesso as informaes
Os hiperlinks so representados por meio de palavras, texto ou imagens com URLs
associadas que, ao serem clicados, possibilitam o acesso aos recursos.
Exemplo de hiperlink criado em HTML
<a href=http://www.uea.edu.br/turma/alunos.html>Turma de alunos </a>
Como funciona a WEB?
Arquitetura Clssica da WEB
Modelo Cliente/Servidor
A maioria das aes do usurio no browser dispara um pedido de recurso
(pedido HTTP) para o servidor WEB.

Principais componentes
- Cliente HTTP : O navegador solicita recursos (documentos HTML,
imagens, execuo de aplicativos, etc) para um servidor web remoto. Ex: Internet
Explore, Firefox, etc.
- Servidor WEB: Instalado em uma mquina permanentemente ligada a
internet, oferece o servio de gerenciamento de acesso aos recursos. Ex: Servidor WEB
Apache, IIS.
Servidor WEB Apache
um dos servidores web mais utilizado no mundo atualmente; Software
Livre; Escrito em C; Executa diversas linguagens script: PHP, Perl, ASP, etc.; Possui
suporte nativo ao MySQL.
Servidor WEB IIS
Internet Information Server; Microsoft; Famoso por apresentar diversos
problemas de segurana no passado.
Protocolo HTTP
HTTP- protocolo para transferncia de Hipertexto; Protocolo de alto
nvel para transferncia de informao entre sistemas WEB; Permite a obteno de
recursos armazenados no servidor WEB; Duas verses do protocolo: http 1.0, http 1.1
O HTTP tem como base o paradigma de requisio e resposta.
Para que o HTTP consiga transferir dados pela WEB, necessrio que os
protocolos TCP e IP tornem possvel a conexo entre navegadores e servidores.
Cliente utiliza conexo via socket no servidor. Porta padro 80
Conexes persistentes e conexes no persistentes:
No persistente:
http 1.0
Servidor analisa pedido, responde e encerra a conexo tcp.

Para cada objeto e para a pgina HTML dever ser aberta

uma conexo TCP
Transferncia e cada objeto sofre de partida lenta do TCP

Persistente:
HTTP 1.1
Na mesma conexo TCP, o servidor analisa o pedido,
responde e analisa novo pedido.
Cliente envia o pedido para todos os objetos referenciados
assim que o recebe o HTML bsico.

Funcionamento
Quando um navegador estabelece uma conexo com um servidor
WEB, ele envia e recebe uma requisio por meio do protocolo HTTP e uma mensagem
MME.

MIME Multipurpose Internet Mail Extensions. Padro de

codificao dos dados.

A mensagem que possui informaes como:

Verso de protocolo;
Tipo de contedo;
Cdigos informando se a operao foi bem-sucedida ou se
foi detectado algum problema (no caso de resposta);
Informaes navegador ou servidor (no caso de resposta);
Possvel contedo no corpo da mensagem; e
No caso de haver imagens ou outros arquivos no texto, o
cabealho MIME descreve tambm o padro de codificao utilizado.
Mensagem de envio

Mensagem de resposta

Cdigos de resposta do servidor

200 OK : sucesso, recurso pedido segue mais adiante nesta

mensagem
400 Bad Request: Mensagem de pedido no entendia pelo
servidor
401 Unauthorized: Pedido necessita de autenticao do usurio
404 Not Found: Documento pedido no se encontra neste
servidor.
Funcionamento da WEB: passo a passo Protocolo HTTP
1 Usurio solicita http://www.empresa.com/arq.html
2 DNS consultado e fornece o endereo IP
200.13.16.8
3 O browser faz conexo e envia a solicitao em HTTP
GET /arq.html HTTP /1,0
....(seguem outras informaes)

5- Servidor recebe solicitao e procura pelo recurso (arq.html)

6- Servidor: HTTP/1.1 200 OK Date: Thu, 23 Oct 1997 21:45:56
GMT .....(aps o cabealho segue o contedo de arq.html)
7- Browser apresenta o resultado na tela

Tecnologias WWW
WWW o resultado da combinao de vrias tecnologias:
TCP/IP: infra-estrutura de rede
Arquitetura cliente/servidor: estratgia para implementao dos
servios.
HTTP: Protocolo de aplicao
MIME: padrpo de codificao dos dados
HTML: padro de apresentao dos dados
DNS (Domain Name Serve): Servio de nomes de domnios
Integrao com a base existente

Banco de Dados em ambiente WWW

Protocolo HTTP: mtodos

O HTTP possui mtodos que determinam como o browser envia dados
ou solicita recursos ao servidor WEB.
Em sistemas WEB os principais mtodos HTTP normalmente
empregados so:
GET
POST
HEAD

Mtodo GET:
O mtodo GET deve ser usado para solicitar recursos ao servidor,
como:
Pginas web (estticas e dinmicas)
Figuras
Vdeos
O mtodo GET pode fazer passagem de dados para os scripts PHP
no servidor WEB atravs da URL:
http://www.uea.edu.br/turma/consulta.php?
nome=maria&sobrenome=silva

Exemplo:
http://www.uea.edu.br/index.html

Pedido:

Resposta:

Mtodo POST
J o mtodo POST deve ser usado para enviar dados para o
servidor WEB
Por exemplo, os dados digitados em um formulrio HTML.
Tais dado sero processados por um script PHP especificado.

No mtodo POST os dados so includos no corpo da mensagem

HTTP que ser enviada

GET X POST
O mtodo POST oferece uma maior segurana na passagem de
dados para o servidor WEB, pois os dados no ficam visveis ao usurio, ao contrrio do
mtodo GET que os dados so anexados a URL, ficando visveis ao usurio.

Mtodo HEAD
Pede informaes sobre a pgina WEB e no a pgina em si
Data da ltima mpdificao, tipo, etc.
Pedido:

Resposta:

Software de Suporte para Configurao de um Ambiente WEB

O EasyPHP um programa que instala um servidor WEB Apache, um mdulo
para execuo de scripts PHP e o MySQL (Banco de Dados).
Tambm instala o software de administrao de Banco de Dados phpMyAdmin.
....

O que um DNS (Sistema de Nomes de Domnios)?

DNS
Existem duas formas de acessar uma pgina na internet:
Pelo nome de domnio (www.uea.edu.br)
Ou pelo endereo IP dos servidores nos quais ela est hospedada
(192.168.0.1)
Para que voc no precise digitar a sequncia de nmeros no navegador sempre
que quiser visitar um site, o DNS faz o trabalho pesado de traduzir as palavras que
compem a URL para o endereo IP do servidor.
O DNS (Sistemas de Nomes de Domnios), funciona como um sistema de
traduo de endereos IP para nomes de domnios.
graas ao DNS que voc pode digitar http://www.uea.edu.br na barra de
endereos do seu navegador para acessar o portal da UEA, e no um monte de nmeros
e pontos.
O DNS existe porque as aplicaes utilizam endereos IP (Internet Protocol)
para identificar computadores quando vo abrir conexes, ao invs de domnios.
O DNS um sistema de gerenciamento de nomes baseado em servidores
conectados de forma hierrquica e distribuda.
Servidores de DNS
Os servidores DNS se dividem nas seguintes categorias:
- Servidor raiz: Eles so o primeiro passo em traduzir nomes para
endereos IP retorna uma lista de servidores de domnio
- Servidor de domnio: conhece os endereos dos servidores autoritativos
de determinados domnios.
- Servidor autoritativo: possui os registros que associam aquele domnio
a seu endereo de IP.
Base de Dados Hierrquica e Distribuda

Navegador quer IP correspondente ao www.amazon.com

1- Navegador consulta um servidor raiz para encontrar um servidor de domnio
DNS .com

2- Servidor raiz consulta servidor DNS .com para obter o servidor autoritativo
para o domnio amazon.com
3- Servidor raiz consulta servidor autoritativo do domnio amazon.com para
obter o seu endereo IP correspondente.
Domnio
Domnio um nome que serve para localizar e identificar conjuntos de computadores na
WEB.
Foi criado com o objetivo de facilitar a memorizao dos endereos de
computadores na Internet.
Ex: www.uea.edu.br
Sem ele, teramos que memorizar uma sequncia grande de nmeros.
E como podemos criar um domnio?
Registro
Primeiramente, precisamos verificar a disponibilidade do domnio que queremos
registrar.
O registro de domnios no Brasil feito pelo registro.br
Departamento do Comit Gestor da Internet no Brasil (CGI.br)
O CGI.br coordena os servios de Internet do Brasil
Regras
Para registrar um domnio, necessrio ser uma entidade legalmente
representada no Brasil como pessoa jurdica (CNPJ) ou fsica (CPF).
Ter ao menos dois servidores DNS conectados Internet e j
configurados para o domnio que est sendo solicitado.
Uma entidade poder registrar quantos domnios quiser. Mas, no
permitido registrar o mesmo nome em diferentes domnios de primeiro Nvel (DPNs).
Por exemplo, poder registrar quantos domnios quiser sob .COM.BR, ou
sob .IND.BR, mas, se possuir um domnio XXX.COM.BR, no poder registr-lo
tambm em XXX.IND.BR.

Domnios de Primeiro Nvel (DPNs)

Domnios de primeiro nvel (DPNs) sob o .br definem a categoria de um domnio
registrado.
Por exemplo, o endereo www.site.art.br o designado para a categoria de sites sobre
artes, enquanto www.site.org.br destinado s Organizaes no governamentais.

At o ano 2000, entidades de ensino superior eram autorizadas a registrar domnios

diretamente sob a raiz .br (exemplo: www.ufmg.br ou www.uea.edu.br)
Processo que foi alterado com a criao do .edu.br
Atualmente, existem 67 DPNs sob o .br
Como os sites podem ser disponibilizados (hospedagem) na WEB?
Hospedagem
Existe dois tipos de Servios de hospedagem de sites na WEB:
Grtis
Pagos
Grtis:
Os servios grtis possuem vrias restries:
Espao em disco ilimitado
Trfego de dados limitado
Anncios obrigatrios
No suporte aos scripts e banco de dados
No recomendada para aplicaes de grande porte
Pagos:
Os servios pagos possuem planos de hospedagem,
Cada plano oferece um conjunto de recursos:
Suporte a scripts e banco de dados
Armazenamento ilimitado
Domnios ilimitados
Suporte Tcnico
Mais performance
HTML
HTML significa em ingls: HyperText Marckup Language. Em portugus fica:
Linguagem de Marcao de Hipertexto.
uma linguagem de marcao utilizada para produzir pginas na WEB
HTML serve para dar significado e organizar a informao dos websites
Define a estrutura bsica da pgina, descreve o contedo e a sua relao com
outras pginas WEB.

Aquilo que voc v quando acessa uma pgina na WEB a interpretao que seu
navegador faz do HTML.
Transio HTML 4 -> HTML 5.
Para visualizar o cdigo HTML de uma pgina WEB clique com o boto direito
do mouse e escolha a opo exibe cdigo fonte.
J que o HTML serve para dar significado ao contedo, como ele faz isso?
Simples: ele marca a informao com as tags
Por exemplo, para falarmos que um texto um ttulo colocamos o texto entre
uma tag chamada H1.
<h1> aqui vai o texto que um ttulo </h1>
E dessa forma vamos fazendo todos os outros elementos. Um pargrafo, por
exemplo:
<p> Aqui vai muito texto, um pargrafo </p>
O resultado fica assim:

HTML composta por centenas de tags atravs dos quais possvel definir a
estrutura de pgina WEB, e dar significado ao contedo.
Existem dois tipos de tags:
Tags de abertura <comando>
Tags de fechamento </comando>
A diferena entre elas que na tag de fechamento existe uma barra /
Exemplo:
<title> universidade do estado do amazonas </title>
Como toda regra tem sua exceo, no HTML existem algumas tags em que a
abertura e fechamento se d mesma tag.
Tais tags so comando isolados, ou seja, no possuem contedo para ser
processado.
Exemplo:
<br> um pulo de linha conseguido com essa tag
<hr> cria uma seo numa pgina ou adiciona uma linha horizontal
Atravs de atributos, possvel associar propriedades s tags.

<tag [atributos]>
<tag [atributos]> contedo </tag>
Exemplo:
<body bgcolor = blue text = black>
Id: o identificador nico do elemento. Somente deve ser declarado um id por
elemento
Class: determina uma (ou mais) classe(s) para o elemento
Lang: Determina o idioma em que est escrito o contedo do elemento
Style: Determina propriedades CSS diretamente no elemento.
possvel compreender uma pgina WEB de uma maneira muito simples, atravs de
uma diviso de blocos nas tags essncias, conforme a seguinte estrutura:
Definio do documento (doctype)
Cabea (head)
Corpo (body)
Estrutura Bsica de um Documento WEB - Marcadores (Tags)
<!DOCTYPE html> indica para o navegador que o cdigo encontrado ali um cdigo
HTML
<HTML lang="pt-br" >
<HEAD>
<TITLE>Meu documento web</TITLE>
</HEAD>
<BODY>
Contedo da pgina, como figuras, textos, tabelas e etc...
</BODY>
</HTML>
<html></html> indicam o inicio e o fim do documento
<head></head> Delimitam a seo de cabealho da pgina onde so colocadas
informaes que no visveis ao usurio e descrevem a pgina ou scripts programados.
<title></title> indicam o ttulo da pgina que ser exibido na barra superior do browser
<body></body> corpo da pgina. Entre estas tags estar contida a maior parte do
contedo a ser apresentado, como os textos, figuras, tabelas e etc

Atributos do <Body>
Bgcolor = cor
Background = url_imagem
Text = cor
Exemplo: <BODY
TEXT= #000000>

BGCOLOR=#2F4F4F

BACKGROUND=imagem.jpg

Comentrio
Podem ser incluidos comentrios em documentos HTML
<!comentrio em uma linha -->
<!comentrio em
Mais de uma linha -->
Sees
Com o objetivo de organizar uma pgina WEB os pargrafos so agrupados em sees.
A separao entre sees pode ser feita pela tag <hr>, que cria uma linha horizontal
Os atributos SIZE, WIDTH e ALIGN podem ser usados para dimensionar e posicionar
essa linha.
Os valores de tais atributos podem ser especificados em pixels ou percentuais da
rea usada para apresentao da pgina.
<HR SIZE=1 width=500 align=center>
<hr size = 1 width 50% align=center>
Listas
Lista ordenadas <ol></ol>
Lista no ordenada <ul></ul>
Lista de Definio <dl>
<dt></dt>
<dd></dd>
</dl>

Tabelas
Tabelas so utilizadas em HTML para representar dados tabulares
So utilizadas tambm para estruturar imagens, textos, objetos de formulrios no
browser

As tabelas de um documento HTML so construdas com tags <TABLE>,

<TR>, <TH> e <TD>, e suas clulas podem conter informaes de cabealhos ou dados
As tags <TABLE> identificam tabelas;
As tags <TR> linhas;
As tags <TH>, clulas de cabealho;
As tags <TD>, clulas de dados.
As tags que definem linhas e clulas so colocadas entre as tags <TABLE> e
</TABLE>
Os textos nas clulas de cabealhos so centralizados e apresentados em negrito
J os textos nas clulas de dados so alinhas esquerda.

O atributo ALIGN pode ser associado tag <TABLE> para especificar o

posicionamento da tabela no documento.
Esse atributo pode assumir os valores: left, center ou right.
<table align =center>
comum o uso de clulas vazias para formar uma tabela
Essas clulas podem ser criadas colocando-se a tag <br> entre as tags <td> e
</td>
A largura da borda de uma tabela especificada em pixels com o atributo
BORDER na tag <table>
A exibio da borda pode ser controlada por meio do atributo FRAME, que pode
assumir diversos valores

..... HTML muito detalhado, estudar de novo AULA 05