Tabela Tag HTML

TAGS BASICOS
<html> </html>
Inicia/termina um documento em HTML.
<head> </head>
Define a rea de cabealho, com elementos
no visualizveis na pgina.
<body></body>
Define a rea visvel do documento.

CABEALHO

<title></title>
Coloca o nome da pgina na barra de ttulo da
janela.

ATRIBUTOS DO CORPO

<body bgcolor=?>
Cor de fundo.
<body text=?>
Cor de texto.
<body link=?>
Cor das links.
<body vlink=?>
Cor das links previamente visitadas.
<body alink=?
Cor da link activa.

TEXTO

<b></b>
Texto carregado.
<i></i>
Texto em itlico.
<tt></tt>
Texto estilo mquina de escrever, mono
espaamento.
<font size=?></font>
Tamanho das letras.
<font color=?</font>
Cor das letras.
<font face=?></font>
Define a fonte utilizada.

TEXTO

<a href=URL></a>
Cria uma hiperligao.
<a href=mailto:EMAIL></a>
Cria uma link para o envio de correio.
<a name=NOME></a>
Cria um 'alvo' dentro de uma pgina.
<a href=#NAME></a>
Faz a ligao a um 'alvo' presente dentro da
mesma pgina.

FORMATAO

<p></p>
Define a rea de um pargrafo.
<p align=?>
Alinhamento de um pargrafo.
<br>
Insere uma quebra de linha.
<div align=?>
'Tag' genrico utilizado para
formatar blocos de texto.

GRAFISMO

<img src=FICHEIRO>
Insere uma imagem.
<img src=FICHEIRO align=?>
Alinha uma imagem em relao ao resto do
texto.
<img src=FICHEIRO border=?>
Define a borda da imagem.
<hr>
Insere uma linha horizontal.

TABELAS

<table></table>
Cria uma tabela.
<tr></tr>
Linha de uma tabela
<td></td>
Clula individual numa linha.

ATRIBUTO DA TABELA

<table border=#>
Borda volta de cada clula.
<table cellspacing=#>
Espao entre as clulas.
<table cellpadding=#>
Margem interior das clulas.
<table width=# or %>
Largura da tabela - em pixels ou percentagem
<tr align=?> or<td align=?>
Alinhamento horizontal do contedo das
clulas.quot;left", "center" ou "right")
<tr valign=?> or <td valign=?>
Alinhamento vertical do contedo das
clulas.("top", "middle" ou "bottom")
<td colspan=#>
Numero de colunas 'percorridas' por uma
clula.
<td rowspan=#>
Numero de linhas 'percorridas' por uma clula.

FRAMES

<frameset></frameset>
Define o conjunto de frames. Surge antes de
<body> num documento com frames.
<frameset rows=valor,valor>
Define as linhas num conjunto de frames. Valor
pode ser em pixels, percentagem ou * (o resto
/ proporo).
<frameset cols=valor,valor
Define as colunas num conjunto de frames.
Valor pode ser em pixels, percentagem ou * (o
resto / proporo).
<frame>
Define uma unica frame. Surge dentro de
<frameset>.
<noframes></noframes>
rea onde inserido o contedo visivel em
browsers que no suportam o uso de frames.

ATRIBUTOS DE UM FRAME

<frame src=url>
Especifica o documento HTML a ser exibido na
frame.
<frame name=nome>
D um nome frame de modo a poder ser
'linkada' a partir de outras frames.
<frame scrolling=VALOR>
Define se a frame tem barra de scroll. VALOR
pode ser "yes", "no" ou "auto".
<frame noresize>
Impede o visitante de redimensionar a frame.

TUTORIAL HTML

A Grande Teia Mundial (The World Wide Web)
O que a World Wide Web?
A World Wide Web (WWW) mais frequentemente chamada de a Web (Teia).
A Web uma rede de computadores ao redor do mundo.
Todos os computadores na Web podem comunicar-se uns com os outros.
Todos os computadores usam um padro de comunicao chamado HTTP.
Como funciona a WWW?
A informao na Web armazenada em documentos chamados pginas Web.
As pginas Web so arquivos armazenados em computadores
chamados servidores Web.
Os computadores que lem pginas Web so chamados clientes Web.
Clientes Web vem as pginas com um programa chamado navegador Web.
Navegadores populares so Internet Explorer e Netscape Navigator.

Como o navegador busca as pginas?
Um navegador procura uma pgina Web de um servidor atravs de uma
requisio.
Uma requisio um padro de requisio HTTP contendo um endereo de
uma pgina.
Um endereo de pgina assemelha-se a
isto:http://www.algumacoisa.com/nomepagina.htm.

Como o navegador mostra as pginas?
Todas as pginas Web contm instrues de mostra
O navegador mostra a pgina lendo estas instrues.
As instrues de mostra mais comuns so chamadas marcaes (tags) HTML.
As marcaes HTML assemelhan-se a isto <p>Isto um pargrafo</p>.

Quem est construindo os padres da Web?
Os padres da Web no so feitos pela Netscape ou Microsoft.
O corpo regulador da Web o W3C.
W3C significa World Wide Web Consortium.
O W3C junta as especificaes para os padres da Web.
Os padres da Web mais essenciais so HTML, CSS and XML.
O padro HTML mais atual a XHTML 1.0.

Introduo ao HTML
O que um arquivo HTML?
HTML significa Hyper Text Markup Language (Linguagem de Marcao de
Hipertexto)
Um arquivo HTML um arquivo de texto contendo pequenas etiquetas de
marcao (markup tags)
As marcaes dizem para o navegador Web como mostrar a pgina
Um arquivo HTML deve ter uma extenso de arquivo htm ou html
Um arquivo HTML pode ser criado usando um simples editor de textos

Quer experimentar?
Se voc est rodando o Windows, inicie o Notepad [Bloco de notas] (ou inicie o
SimpleText se voc est em um Mac) e digite o seguinte texto:
<html>
<head>
<title>Ttulo da pgina</title>
</head>
<body>
Esta minha primeira pgina. <b>Este texto est em negrito</b>
</body>
</html>
Salve o arquivo como "primeira.htm".
Inicie o seu navegador de Internet. Selecione "Abrir" (ou "Abrir Pgina") no menu
Arquivo do seu navegador. Uma caixa de dilogo aparecer. Selecione "Procurar" (ou
"Escolher Arquivo") e localize o arquivo HTML que voc recm criou - "primeira.htm" -
selecione-o e clique em "Abrir". Agora voc dever ver um endereo na caixa de
dilogo, por examplo "C:\MeusDocumentos\primeira.htm". Clique OK, e o navegador
mostrar a pgina.

Exemplo Explicado
A primeira marcao no seu documento HTML <html>. Esta tag diz para o seu
navegador que este o incio de um documento HTML. A ltima tag no seu
documento </html>. Esta tag diz para o seu navegador que este o final de um
documento HTML.
O texto entre a tag <head> e a tag </head> a informao de cabealho. A
informao de cabealho no mostrada na janela do navegador.
O texto entre as tags <title> o ttulo do seu documento. O ttulo mostrado na barra
de ttulo do navegador (a barra mais superior do navegador).
O texto entre as tags <body> o texto que ser mostrado no seu navegador.
O texto entre as tags <b> e </b> ser mostrado numa fonte em negrito.

Extenso HTM ou HTML?
Quando voc salva um arquivo HTML, voc pode usar tanto a extenso .htm quanto
.html. Usamos .htm em nossos exemplos. Pode ser um mau hbito herdado do
passado quando alguns dos programas comumente usados somente permitiam
extenses de trs letras.
Com programas mais novos perfeitamente seguro usar .html.

Observao sobre Editores de HTML:
Voc pode facilmente editar arquivos HTML usando um editor WYSIWYG (what you
see is what you get [o que voc v o que voc obtm]) como o FrontPage, o Claris
Home Page, ou o Adobe PageMill em vez de escrever suas marcaes num arquivo
de texto puro.
Mas se voc quiser ser um desenvolvedor Web habilidoso, recomendamos
enfaticamente que voc use um editor de texto puro para aprender HTML elementar.

Questes Freqentemente Perguntadas
P: Aps ter editado um arquivo HTML, no consigo ver o resultado em meu
navegador. Porque?
R: Certifique-se de que voc salvou o arquivo com um nome e exteno apropriados
como "c:\primeiro.htm". Certifique-se tambm de que voc usou o mesmo nome
quando abriu o arquivo em seu navegador.
P: Tentei editar um arquivo HTML mas as modificaes no aparecem no navegador.
Porque?
R: O navegador armazena suas pginas de modo que ele no precise ler a mesma
pgina duas vezes. Quando voc modifica uma pgina, o navegador no sabe disso.
Use o boto atualizar/recarregar para forar o navegador a ler a pgina editada.
P: Posso usar tanto o Internet Explorer quanto o Netscape Navigator?
R: Sim, voc pode fazer todo o seu treinamento tanto com o Netscape 3.0 ou superior,
quanto com o Internet Explorer 3.0 ou superior. Entretanto, uns poucos exemplos nas
lies avanadas pressupem que voc esteja rodando o Internet Explorer 4.0 ou 5.0,
ou o Netscape 6.0.
P: O meu computador deve rodar o Windows? Que tal um Mac?
R: Voc pode fazer o seu terinamento em um computador no Windows como o Mac.
Entertanto, uns poucos exemplos nas lies avanadas pressupem que voc esteja
rodando uma verso mais nova do Windows, como o Windows 98 ou Windows 2000.
Elementos HTML
Documentos HTML so arquivos de texto constituidos de elementos HTML.
Elementos HTML so definidos usando tags (etiquetas) HTML.

Tags (etiquetas) HTML
As tags HTML so usadas para marcar elements HTML
As tags HTML so cercadas pelos dois caracteres < e >
Os caracteres circundantes so chamados chaves angulares
As tags HTML normalmente vm em pares como <b> e </b>
A primeira tag em um par a tag de abertura, a segunda tag a tag de
fechamento
O texto entre as tags de abertura e fechamento o contedo do elemento
As tags HTML no so sensveis caixa, <b> significa o mesmo que <B>
[caixa um termo tipogrfico para se referir ao corpo dos tipos; caixa-baixa:
minsculas, caixa-alta: maisculas]

Elementos HTML
Lembre-se do exemplo HTML da pgina anterior:
<html>
<head>
<title>Ttulo da pgina</title>
</head>
<body>
</body>
</html>
Este um elemento HTML:
<b>Este texto est em negrito;/b>
O elemento HTML comea com uma tag de abertura: <b>
O contedo do elemento HTML : Este texto est em negrito
O elemento HTML termina com uma tag de fechamento: </b>
O propsito da tag <b> definir um elemento HTML que dever ser exibido em
negrito.
Este tambm um elemento HTML:
<body>
</body>
Este elemento HTML comea com a tag de abertura <body>, e termina com a tag de
fechamento </body>.
O propsito da tag <body> definir o elemento HTML que contm o corpo de um
documento HTML.

Porque usamos tags com letras minsculas?
Recm dissemos que as tags HTML no so sensveis caixa: <B> significa o mesmo
que <b>. Quando voc surfa na Web, voc notar que muitos tutoriais usam tags
HTML em letras maisculas em seus exemplos. Ns sempre usamos tags minsculas.
Por que?
Se voc quer se preparar para as prximas geraes da HTML voc deve comear a
usar tags minsculas. O World Wide Web Consortium (W3C) recomenda tags
minsculas na sua recomendao HTML 4, e a XHTML (a prxima gerao da HTML)
demanda tags minsculas.

Atributos da Tag
As tags podem ter atributos. Os atributos podem prover informao adicional sobre os
elementos HTML na sua pgina.
Esta tag define o elemento corpo da sua pgina HTML: <body>. Com um atributo
adicional bgcolor, voc pode dizer ao navegador que a cor de fundo da sua pgina
deve ser vermelha, assim: <body bgcolor="red">.
Esta tag define uma tabela HTML: <table>. Com um atributo borda, voc pode dizer ao
navegador que a tabela no deve ter bordas: <table border="0">
Os atributos sempre vem em pares nome/valor como este: nome="valor".
Os atributos so sempre adicionados tag de abertura de um elemento HTML.

Estilos de aspas, "red" ou 'red'?
Os valores dos atributos sempre devem ser inseridos entre aspas. Aspas duplas so
as mais comuns, mas aspas simples so tambm permitidas.
Em algumas situaes raras, como quando um valor de atributo j contm aspas,
necessrio usar aspas simples:
name='Joo "Espingarda" da Silva'

Tags HTML Bsicas
As tags mais importantes na HTML so as tags que definem ttulos, pargrafos e
quebras de linha.
A melhor maneira de aprender HTML trabalhar com exemplos.

Tente voc mesmo - Exemplos
Um documento HTML muito simples
Este exemplo um documento HTML muito simples, com somente um mnimo de tags
HTML ELe demonstra como o texto inserido em um elemento body exibido no
navegador.
Pargrafos simples
Este exemplo demonstra como o texto dentro de um elemento de pargrafo exibido
no navegador.
(Voc encontrar mais exemplos no final desta pgina)

Ttulos
Ttulos so definidos com as tags <h1> a <h6>. A <h1> define o ttulo maior. A <h6>
define o ttulo menor.
<h1>Este um ttulo</h1>
A HTML automaticamente adiciona uma linha em branco extra antes e aps um titulo..

Pargrafos
Os pargrafos so definidos com a tag<p>.
<p>Este um pargrafo</p>
<p>Este outro pargrafo</p>
A HTML adiciona automaticamente uma linha em branco extra antes e aps um
pargrafo.

Quebras de linha
A tag <br> usada quando voc quer terminar uma linha, mas no quer comear um
novo pargrafo. A tag <br> fora a quebra de linha onde quer que voc a coloque.
<p>Este <br> um par<br>grafo com quebras de linha</p>
A tag <br> uma tag vazia. Ela no tem tag de fechamento.

Comentrios em HTML
A tag de comentrio usada para inserir um comentrio no cdigo fonte HTML. Um
comentrio ser ignorado pelo navegador. Voc pode usar comentrios para explicar o
seu cdigo, o que pode ajuda-lo quando voc editar o cdigo fonte numa data
posterior.

Observe que voc necessita de um ponto de exclamao aps a chave de abertura,
mas no antes da chave de fechamento.

Observaes Bsicas - Dicas teis
Quando voc escreve texto HTML, voc nunca pode estar seguro de como o texto
ser mostrado em outro navegador. Algumas pessoas tm telas de monitor grandes,
algumas tm pequenas. O texto ser reformatado cada vez que o usurio
redimensionar sua janela. Nunca tente formatar o texto em seu editor adicionando
linhas e espaos ao texto.
A HTML ir truncar os espaos em seu texto. Qualquer quantidade de espaos conta
como um. Algumas informaes extras: Em HTML uma nova linha conta como um
espao.
Usar pargrafos vazios <p> para inserir linhas em branco um mau hbito. Em vez
disso use a tag <br>. (Mas no use a tag <br> para criar listas. Espere at que voc
tenha aprendido sobre listas HTML.)
Voc pode ter notado que pargrafos podem ser escritos sem a tag de fechamento
</p>. No confie nisso. A prxima verso da HTML no ir permitir que voc omita
QUALQUER tag de fechamento.
A HTML adiciona automaticamente uma linha em branco extra antes e aps alguns
elementos, como antes e aps um pargrafo, e antes e aps um ttulo.
Ns usamos um filete horizontal (a tag <hr>), para separar as sees em nossos
tutoriais.

Mais exemplos
Mais pargrafos
Este exemplo demonstra alguns dos comportamentos padres dos elementos de
pargrafo.
Quebras de linha
Este exemplo demonstra o uso de quebras de linha em um documento HTML.
Problemas com poemas
Este exemplo demonstra alguns problemas com formatao HTML.
Ttulos
Este exemplo demonstra as tags que exibem ttulos em um documento HTML.
Ttulo alinhado no centro
Este exemplo demonstra um ttulo alinhado no centro.
Filete horizontal
Este exemplo demonstra como inserir um filete horizontal.
Comentrios ocultos
Este exemplo demonstra como inserir um comentrio oculto no cdigo fonte HTML.
Cor de fundo
Este exemplo demonstra como adicionar uma cor de fundo numa pgina HTML.

Tags HTML Bsicas
Tag Descrio
<html> Define um documento HTML
<body> Define o corpo do documento
<h1> a <h6> Define ttulo 1 a ttulo 6
<p> Define um pargrafo
<br> Insere uma nica quebra de linha
<hr> Define um filete horizontal

</script>
VBScript:
<script type="text/vbscript">

</script>

A Tag <noscript>
Alm de esconder o script dentro de um comentrio, voc pode tambm adicionar a
tag <noscript>.
A tag <noscript> usada para definir um texto alternativo se um script NO for
executado. Esta tag usada para navegadore que reconhecem a tag <script>, mas
no suportam o script dentro dela, de modo que o navegador ir exibir o texto dentro
da tag <noscript> ao invs. Entretanto, se um navegador suporta o script dentro da tag
<script> ele ir ignorar a tag <noscript>.
Exemplo
JavaScript:

</script>
<noscript>Seu navegador no suporta JavaScript!</noscript>
VBScript:
<script type="text/vbscript">

</script>
<noscript>Seu navegador no suporta VBScript!</noscript>

Tags de Script
Tag Descrio
<script> Define a script
<noscript> Define um texto alternativo se o script no for executado
<object> Define um objeto (embedded)
<param> Define configuraes run-time (parmetros) para um objeto
<applet> Desaprovada. Use <object> em vez

Pronto para Publicar seu Trabalho?

Seu Primeiro Passo: Um Servidor Web Pessoal
Se voc quer que as pessoas vejam as suas pginas, voc deve publica-las.
Para publicar seu trabalho, voc tem que copiar seus arquivos num servidor
Web.
O seu prprio computador pode agir como servidor Web se estiver conectado
com uma rede.
Se voc estiver rodando o Windows 98, voc pode usar o PWS (Personal Web
Server [Servidor Web Pessoal]).
O PWS est oculto no diretrio PWS no seu CD do Windows.

Servidor Web Pessoal (Personal Web Server (PWS))
O PWS transforma qualquer computador Windows em um servidor Web. O PWS
fcil de instalar e ideal para desenvolver e testar aplicaes Web. O PWS foi otimizado
para uso em estaes de trabalho (workstations), mas tem todos os requisitos de um
servidor Web completo. Eletambm roda Pginas de Servidor Ativas (Active Server
Pages (ASP)) assim como o seu irmo maior IIS.

Como instalar um Servidor Web Pessoal (PWS):
Procure na instalao do seu Windows para ver se voc instalou o PWS.
Se no, instale o PWS do diretrio PWS no seu CD do Windows.
Siga as instrues e obtenha o execute o seu Personal Web Server.
Leia mais sobre o Personal Web Server da Microsoft.

Servidopr de Informao da Internet (Internet Information Server (IIS))
O servidor Web IIS incluido no Windows 2000, torna fcil construir grandes aplicaes
para a Web. Tanto o PWS quanto o IIS incluem ASP, um padro de scripting server-
side (que roda no servidor) que pode ser usado para criar aplicaes Web dinmicas e
interativas. O IIS est tambm disponvel para o Windows NT.
Se voc quer ler mais sobre ASP, voc deve estudar o ASP School.
Leia mais sobre o Internet Information Services da Microsoft.

Seu Prximo Passo: Um Servidor Web Profissional
Se voc no quer usar o PWS ou o IIS, voc deve carregar (upload) os seus
arquivos para um servidor pblico.
Muitos Provedores de Servios de INternet (Internet Service Providers (ISP's))
se oferecero para hospedar suas pginas.
Se o seu empregador tem uma Servidoe de Internet,voc pode pedir a ele para
hospedar seu stio Web.
Se vopc est pensando seriamente nisso, voc deve instalar o seu prprio
Servidor de Internet.
Antes de voc selecionar um ISP, assegure-se de ler o Tutorial de Hospedagem
Web (Web Hosting) da W3Schools!!

Tabela Tag HTML

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Tabela Tag HTML

Uploaded by

Copyright:

Available Formats

TAGS BASICOS

You might also like