Você está na página 1de 27

HIPERTEXT MARKUP LANGUAGE

HTML Conceitos Bsicos


TCNICO DE INFORMTICA

HTML significa HyperText Markup Language


linguagem universal destinada elaborao de pginas com
hiper-texto.

HTML Conceitos Bsicos


ndice
Conceitos Bsicos de HTML........................................................................................................... 6
HTML ............................................................................................................................................. 6
Criar um Documento em HTML .................................................................................................... 6
Tags HTML ..................................................................................................................................... 7
HEAD.............................................................................................................................................. 8
TITLE .............................................................................................................................................. 8
BODY ............................................................................................................................................. 8
Caractersticas do <BODY>...................................................................................................... 9

BGCOLOR........................................................................................................................... 9

LINK ................................................................................................................................... 9

ALINK ................................................................................................................................. 9

VLINK ................................................................................................................................. 9

BACKGROUND ................................................................................................................... 9

LEFTMARGIN ..................................................................................................................... 9

TOPMARGIN ...................................................................................................................... 9

MARGINHEIGHT ................................................................................................................ 9

MARGINWIDTH ................................................................................................................. 9

PARGRAFO ................................................................................................................................ 10
Caractersticas do <P> ............................................................................................................ 10
ALIGN....................................................................................................................................... 10

LEFT ............................................................................................................................. 10

JUSTIFY ........................................................................................................................ 10

CENTER ........................................................................................................................ 10

RIGHT........................................................................................................................... 10

FONT............................................................................................................................................ 11
Face ......................................................................................................................................... 11
Color ........................................................................................................................................ 11
Size .......................................................................................................................................... 11
ESTILOS DE TEXTO ....................................................................................................................... 12
<B>........................................................................................................................................... 12
<I>............................................................................................................................................ 12
<U> .......................................................................................................................................... 12
<SUP> ...................................................................................................................................... 12

Pgina 2

HTML Conceitos Bsicos


<SUB> ...................................................................................................................................... 12
<BIG> ....................................................................................................................................... 12
<SMALL>.................................................................................................................................. 12
<TT>......................................................................................................................................... 12
TTULOS E SUBTTULOS ............................................................................................................... 13

<h1>................................................................................................................................. 13

<h2>................................................................................................................................. 13

<h3>................................................................................................................................. 13

<h4>................................................................................................................................. 13

<h5>................................................................................................................................. 13

<h6>................................................................................................................................. 13

<BR> ............................................................................................................................................ 14
Listas de elementos..................................................................................................................... 14
Listas Numeradas <OL>............................................................................................................... 15
Type......................................................................................................................................... 15
Start......................................................................................................................................... 15
Listas No Numeradas <UL>........................................................................................................ 15
Type......................................................................................................................................... 16
HR ................................................................................................................................................ 17
ALIGN....................................................................................................................................... 17
WIDTH ..................................................................................................................................... 17
SIZE ....................................................................................................................................... 17
NOSHADE ................................................................................................................................ 17
COLOR ..................................................................................................................................... 17
DIV ............................................................................................................................................... 17
Inserir Imagens <IMG SRC> ......................................................................................................... 18
Configurar a Imagem................................................................................................................... 18
WIDTH ..................................................................................................................................... 18
HEIGHT .................................................................................................................................... 18
BORDER ................................................................................................................................... 18
ALIGN....................................................................................................................................... 18

Top............................................................................................................................... 19

Middle ......................................................................................................................... 19

Bottom......................................................................................................................... 19

Pgina 3

HTML Conceitos Bsicos


ALT........................................................................................................................................... 19
Criar Links .................................................................................................................................... 19
Link Externo............................................................................................................................. 20
ncoras Internas <A NAME= > .............................................................................................. 21
Links nas ncoras .................................................................................................................... 22
Imagens utilizada como link........................................................................................................ 23
TABELAS....................................................................................................................................... 23
Criar tabelas ................................................................................................................................ 23
TR............................................................................................................................................. 24
TH ............................................................................................................................................ 24
TD ............................................................................................................................................ 24
Formatar a Tabela ....................................................................................................................... 24
BORDER ................................................................................................................................... 24
BORDERCOLOR........................................................................................................................ 24
WIDTH ..................................................................................................................................... 24
HEIGHT .................................................................................................................................... 24
CELLSPACING........................................................................................................................... 24
CELLADDING............................................................................................................................ 24
BGCOLOR................................................................................................................................. 24
Atributos das clulas da Tabela................................................................................................... 25
ALIGN....................................................................................................................................... 25
BGCOLOR................................................................................................................................. 25
VALIGN .................................................................................................................................... 25
WIDTH ..................................................................................................................................... 25
NOWRAP ................................................................................................................................. 25
Clulas Unidas ............................................................................................................................. 26
COLSPAN ................................................................................................................................. 26
ROWSPAN................................................................................................................................ 26
Escrita de caracteres especiais.................................................................................................... 26
Tabela de Cores em HTML ...................................................................................................... 28
Nomes aceitos em HTML ............................................................................................................ 29
Outras Tabelas............................................................................................................................. 29
Tabela de Cores - Verde .......................................................................................................... 29
Tabela de Cores Castanhos .................................................................................................. 30

Pgina 4

HTML Conceitos Bsicos


Tabela de Cores - Violeta ........................................................................................................ 30
Tabela de Cores Amarelo ..................................................................................................... 31
Tabela de Cores Azul ............................................................................................................ 31
Tabela de Cores Cinza .......................................................................................................... 32
BIBLIOGRAFIA.............................................................................................................................. 33

Pgina 5

HTML Conceitos Bsicos


Conceitos Bsicos de HTML

HTML

HTML significa HyperText Markup Language, e uma linguagem


universal destinada elaborao de pginas com hiper-texto, como o nome
indica. O conceito de hiper-texto bastante simples: Certos itens de um
documento contm uma ligao a outra zona do mesmo documento ou, como
mais vulgar, a outros documentos.
A principal aplicao do HTML a criao de pginas na Web, e
convm esclarecer que no se trata de uma linguagem de programao. De
facto, o HTML antes uma espcie de linguagem de formatao, um ficheiro
de texto que formatado atravs de uma srie de comandos tags.
As TAGs so delimitadas pelos sinais de menor (<) e de maior (>)

Ex: <HTML>

Criar um Documento em HTML


Para criar um documento HTML necessrio utilizar um editor de texto
ou de HTML, como o Notepad (Bloco de Notas) ou, programas especficos
como o Dreamweaver, o FrontPage, entre outros.

Pgina 6

HTML Conceitos Bsicos


Tags HTML
A primeira Tag de uma pgina justamente a que indica o tipo de
linguagem que vai ser utilizada. Neste caso <HTML>.
Todas as Tags devem ter um inicio e um fim. Excepo: <Br>.
Alm disso, as primeiras tags a serem utilizadas so sempre as ultimas
a serem fechadas, fazendo com que as outras fiquem encadeadas dentro
destas. Assim, a tag <html> ser a primeira a ser aberta e a ltima a ser
fechada.
Resumindo, todas as tags obedecem a uma hierarquia.
Ex:
<a> <b> <c>

</c> </b> </a>

CORRECTO

O primeiro a abrir o ltimo a fechar, e vice-versa.


<a> <b> <c>

</a> </b> </c> ERRADO.

indiferente utilizar maisculas ou minsculas nos tags.


<tag> igual a <TAG> e a <Tag>

A partir daqui crimos todo o cdigo necessrio execuo que


idealizamos para a pgina. Para isso vamos conhecer melhor as restantes
TAGs.

Pgina 7

HTML Conceitos Bsicos


HEAD
Tal como o nome indica, a cabea, ou seja, a zona de identificao da
pgina que iremos construir.
Escreve-se <HEAD> para abrir e para fechar </HEAD>. O exemplo que
se segue mostra um comeo de uma pgina em HTML.
<HTML>
<HEAD>
</HEAD>
</HTML>

No HEAD podemos definir, entre outras coisas, o ttulo que queremos


atribuir nossa pgina, para isso utilizamos uma Tag que se denomina por
<TITLE>

TITLE
A TAG <TITLE> define o nome que aparece na barra de ttulo quando a
pgina exibida, caso no seja definido o ttulo da pgina apenas aparecer o
endereo da pgina.
Ex:

<HTML>
<HEAD>
<TITLE> A Minha Primeira Pgina </TITLE>
</HEAD>
</HTML>

BODY

Pgina 8

HTML Conceitos Bsicos


A Tag <BODY>, tal como o nome indica, o corpo ou estrutura de toda
a pgina. aqui que definimos o aspecto da pgina que queremos construir.
Esta tag possui tambm como caractersticas a configurao de alguns
aspectos que possam surgir na pgina, como por exemplo: a cor do fundo, a
cor dos links, entre outras coisas.
Exemplo de uma pgina com HEAD e BODY e algumas configuraes
do BODY.
<HTML>
<HEAD>
<TITLE> A Minha Primeira Pgina </TITLE>
</HEAD>
<BODY BGCOLOR=GRAY LINK=RED ALINK=YELLOW
VLINK=DARKGREEN>
</BODY>
</HTML>

Caractersticas do <BODY>

BGCOLOR Determina a cor do Fundo da pgina.

LINK Determina a cor do Link que poder aparecer na pgina

ALINK Determina a cor que aparecera quando o link for visitado

VLINK Determina a cor que aparecer no link aps ser visitado.

BACKGROUND Para definir uma imagem como fundo devemos


utilizar este elemento no lugar de <bgcolor>.

LEFTMARGIN Define margem esquerda da pgina (no MS Internet


Explorer).

TOPMARGIN Define margem superior da pgina (no MS Internet


Explorer).

MARGINHEIGHT Define margem superior da pgina (no Netscape).

MARGINWIDTH Define margem esquerda da pgina (no Netscape).

Pgina 9

HTML Conceitos Bsicos

PARGRAFO
Para iniciar um pargrafo utilizamos a Tag <P>.

Exemplo da utilizao do pargrafo


<HTML>
<HEAD>
<TITLE> A Minha Primeira Pgina </TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
VLINK="DARKGREEN">
<p align=center>Este o meu primeiro pargrafo em HTML </p>
</BODY>
</HTML>

Caractersticas do <P>

ALIGN Alinha o texto de acordo com a especificao que lhe atribuirmos

LEFT Esquerdo;

JUSTIFY Justificado;

CENTER Centrado;

RIGHT Direito.

Pgina 10

HTML Conceitos Bsicos


FONT
FONT a tag que utilizmos para definir o tipo, cor e tamanho de letra
que queremos utilizar numa ou em vrias sequncias de texto. Para definir as
caractersticas da tag <FONT> utilizmos os seguintes parmetros:

Face Define o tipo de letra.


Ex. <font face="Times New Roman">;

Color Define a cor do tipo de letra.


Ex. <font color=Navy>. Navy a mesma coisa que azul-marinho;

Size Define o tamanho da letra.


Exemplo de utilizao da tag <FONT>

<HTML>
<HEAD>
<TITLE> A Minha Primeira Pgina </TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
LINK="DARKGREEN">
<P align=center>
<FONT face=Arial size=7 color=blue>
Este o meu primeiro pargrafo em HTML
</FONT>
</P>
</BODY>
</HTML>

Pgina 11

HTML Conceitos Bsicos

ESTILOS DE TEXTO
Tal como nos editores de texto comuns, o HTML tambm permite alterar
o estilo do texto. Para isso, existem tags especficas que permitem a
modificao do estilo do texto.

<B> - Aplica o estilo negrito.


Ex. <b> texto em negrito </b>

<I> - Aplica o estilo itlico.


Ex. <i> texto em itlico </i>

<U>- Aplica o estilo sublinhado (nem todos os browser o reconhecem).


Ex. <u> texto sublinhado </u>

<SUP> - Faz com que o texto fique sobrescrito, ou seja acima da linha
Ex. <sup> Texto sobrescrito </sup>

<SUB>- Faz com que o texto fique subscrito, ou seja abaixo da linha
Ex. <sub>t exto subscrito </sub>

<BIG> - Aumenta o tamanho da letra e atribui negrito.


Ex. <big> Texto GRANDE </big>

<SMALL> - Reduz e altera a letra.


Ex. <small> TEXTO pequeno </small>

<TT> - Aplica um espaamento regular ao texto.


Ex. <tt> Texto com espaamento regular </tt>

Pgina 12

HTML Conceitos Bsicos

TTULOS E SUBTTULOS
SUBTTUL
Estas Tags
gs so utilizadas para
pa dar ao leitor uma viso geral so
sobre o que
se trata no texto em questo. Apresentam seis nveis de ttulos que so
numerados de 1 a 6 por ordem de importncia. (1 - Ttulo principal, - 2 Ttulo
secundrio, 3 Subttulo...)
ubttulo...)

Ex:

<h1> Este o meu titulo principal </h1>

<h2> Este meu titulo secundrio </h2>

<h3> Este o meu subttulo </h3>

<h4> Este ainda


a
mais pequeno </h4>

<h5> Este muito mais pequeno </h5>

<h6> Este pequenssimo


p
</h6>

Pgina 13

HTML Conceitos Bsicos

<BR>
A tag <BR>, que significa break (quebrar; partir), utilizada para
escrever textos em linhas diferentes, o ENTER que temos no teclado. Pode
ser utilizado para escrever poemas definidos num mesmo pargrafo.

Exemplo de utilizao do <BR>

<HTML>
<HEAD>
<TITLE> A Minha Primeira Pgina </TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
LINK="DARKGREEN">
<P align=center>
<FONT face="Tahoma" size="2"> Este o meu texto em cima
<BR>
Este o meu texto em baixo
</FONT>
</P>
</BODY>
</HTML>

Listas de elementos
Existem dois tipos de listas: as numeradas e as no numeradas.

Pgina 14

HTML Conceitos Bsicos


Listas Numeradas <OL>
So listas de elementos que aparecem com a numerao que
definirmos, para isso existem caractersticas e devemos especific-las.

Type Indica o tipo de numerao que utilizada para a lista. Existem os


seguintes tipos de numerao 1 | A | a | I | i.

Ex. <OL type=A>;

Start Indica o incio da numerao.


Ex. <OL type=A start=3>

Exemplo de uma lista ordenada

<HTML>
<HEAD>
<TITLE> A Minha Primeira Pgina </TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
LINK="DARKGREEN">
<OL Type=i start=0>
<li> Primeiro elemento
<li> Segundo Elemento
<li> Terceiro Elemento
</OL>
</BODY>
</HTML>

Listas No Numeradas <UL>

Pgina 15

HTML Conceitos Bsicos


So listas de elementos que aparecem com marcas definidas, para isso
existem caractersticas e devemos
d
especific-las.

Type Indica o tipo de marcao que utilizada para a lista. Existem as


seguintes marcaes :
square (executa uma marca quadrada).

o circle

(executa

uma

marca

em

crculo

sem

preenchimento)
preenchimento).

Disk ou disc (executa uma marca em crculo com


preenchimento)
preenchimento).

Ex: <UL type=disk


disk>;
Exemplo de uma lista no ordenada

<UL Type=square
square>
<li> Primeiro elemento
<li> Segundo Elemento
<li> Terceiro Elemento
</UL>

Pgina 16

HTML Conceitos Bsicos


HR
Esta tag <HR>, insere uma linha horizontal na pgina. Podemos aqui
tambm definir caractersticas dessa linha.

ALIGN - Define a "posio", pode ser left, center e rigth;


WIDTH Define a largura da linha, pode ser definida em pixels ou em
percentagem do tamanho horizontal da janela;

SIZE Define a espessura da barra, em pixels;


NOSHADE - Define se a barra no deve ser com efeito 3D;
COLOR ("#RRGGBB"): Define a cor da barra. (MS Internet Explorer).
Ex:
<hr width="n%" align="posio" size="n" noshade
color="#rrggbb">

DIV
Esta

tag

<DIV>,

utilizada

para

alinhar

qualquer

elemento

horizontalmente numa pgina, no s texto como imagens ou outros elementos


que estejam incorporados na <DIV>.

Ex:
<div

align="center">Este

texto

est&aacute;

alinhado

no

centro.</div>

Pgina 17

HTML Conceitos Bsicos


Inserir Imagens <IMG SRC>

Toda a manipulao de texto e de cor que vimos pode parecer


interessante, mas rarssima a pgina na Internet que no contm pelo menos
uma imagem.
Para inserir imagens numa WebPage utilizmos a Tag <IMG>.

Ex.
<img src="nome_da_imagem">

Configurar a Imagem
Aps inserirmos a imagem podemos configur-la definindo alguns
parmetros que fazem parte da tag <IMG>. No obrigatrio definir estes
parmetros, mas devemos utiliz-los para que a imagem fique ao nosso gosto.

Podemos utilizar as seguintes definies para a Tags IMG SRC:

WIDTH Define a largura da imagem. Se no for configurada a imagem ser


inserida no seu tamanho original.

HEIGHT Define a altura. Quando no informada mantm tambm sua


altura original.

BORDER Cria um rebordo na imagem.

ALIGN Alinha a imagem em relao ao texto. Temos trs tipos de


alinhamento.

Pgina 18

HTML Conceitos Bsicos


Top Alinha o texto paralelamente ao topo da Imagem.
Middle Alinha o texto no centro da Imagem.
Bottom Alinha o texto paralelamente base da imagem.

ALT uma caracterstica onde definimos um texto alternativo, para o caso


em que o no seja possvel mostrar a imagem.

Ex:
<img src="natal.jpg" width=120 height=160 align="top" border="3"
alt="imagem principal">

<HTML>
<HEAD>
<TITLE> Minha Primeira Pgina</TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
VLINK="DARKGREEN">
<img src="natal.jpg" width=120 height=160 align="middle" border="3" alt="fundo">
</BODY>
</HTML>

Criar Links
Um dos tags mais importantes o que permite fazer links, ou seja, fazer
referncia a um outro recurso da WEB ou a um ponto especfico da sua pgina.

Existem dois tipos de links:


1 - Para pginas Externas

Pgina 19

HTML Conceitos Bsicos


2 - Para paginas Internas, chamados de ncoras.

Link Externo <A HREF>

Para criar um link para uma pgina na internet ou externa pagina que
estamos a criar, utilizamos a tag <A HREF>, e fechmos a respectiva tag com
</A>

O atributo HREF determina a localizao do arquivo da sua pgina ou do


local da WEB a que o link se referencia. A URL (Uniforme Resource Locator)
o endereo do link.
O texto entre os tags aparecer sublinhado, indicando que um link de
hipertexto.

<A HREF= escrevemos o endereo da pgina onde vamos aceder> Aqui


escrevemos o texto onde vamos carregar para accionar o link </A>

Pgina 20

HTML Conceitos Bsicos

Ex:
<a href="http://www.Google.pt">Clique Aqui para aceder ao Google</a>

<HTML>
<HEAD>
<TITLE> Minha Primeira Pgina</TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
VLINK="DARKGREEN">
<h1><font face=Tahoma color=green>Este o meu primeiro t&iacute;tulo
</font></h1>
<p align=center><font face="Arial" color="navy" size="2">Este &eacute o meu
primeiro par&aacute;grafo em HTML</font></p>
<p align="justify"><font face=Verdana size=2 color=orange>Este &eacute; o meu
segundo par&aacute;grafo<Br>E esta &eacute; a minha primeira quebra de
linha.</font></p>
<a href="http://www.google.pt"><font face="Tahoma" size=2>
Google</font></a>
</BODY>
</HTML>

ncoras Internas <A NAME= >

So links que levam a outras partes do mesmo arquivo, e servem para


navegar dentro do prprio documento. mais usado com arquivos extensos. Antes
de criar um link interno, temos que criar uma ncora. A ncora deve ser criada
utilizando a tag <A NAME= > e fechada com a tag </A>.

<A NAME="ncora1">Aqui definimos a ncora 1 </A>

Pgina 21

HTML Conceitos Bsicos

Links nas ncoras

Agora que a ncora est criada necessrio lig-la para que o link
interno funcione. Isso faz-se utilizando a mesma tag para as links externos
mas, em vez de dar-mos a localizao da pgina da internet, d-mos o nome
da ncora que queremos aceder antecedido pelo smbolo de #.

Ex:
<a href="#seo1">Este link permite aceder
ncora 1</a>

<HTML>
<HEAD>
<TITLE> Minha Primeira Pgina</TITLE>
</HEAD>
<BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
VLINK="DARKGREEN">
<h1><font face=Tahoma color=green>Este o meu primeiro t&iacute;tulo
</font></h1>
<a name="ncora1"><p align=center><font face="Arial" color="navy"
size="2">Este o meu primeiro par&aacute;grafo em
HTML</font></p></a>
<p align="justify"><font face=Verdana size=2 color=orange>Este &eacute;
o meu segundo par&aacute;grafo<Br>E esta &eacute; minha primeira
quebra de linha.</font></p>
<a href="http://www.google.com"><font face="Tahoma" size=2>
Google</font></a>
<a href="#ncora1">Voltar para o primeiro par&aacute;grafo</a>

Pgina 22

HTML Conceitos Bsicos

Imagens utilizada como link


Para utilizar uma imagem como link basta colocar no local do texto do
link a tag relativa imagem.

Ex:
<a href="teste.html><img src="natal.jpg" width=120 height=160
align="middle" border="3" alt="fundo"></a>

TABELAS
Na criao de pginas em HTML, as tabelas servem para organizar os
dados na pgina. Na verdade, rara a pgina bem construda que no as
utilize para melhor controlar a localizao do texto, imagens e outros elementos
de uma pgina.

Criar tabelas
Criar tabelas uma operao bastante simples. Para isso, basta utilizar
a Tag <Table>, e definir a sua formatao.

<TABLE>
<TR>
<TH>Cabealho da Tabela</TH>
<TD>Dados da Tabela</TD>
</TR>
</TABLE>

As tags <Table> e < /Table> servem para indicar incio e fim de tabela.

Pgina 23

HTML Conceitos Bsicos


TR - Define cada linha de cada tabela.
TH - Define o cabealho da Tabela. uma clula da tabela.
TD - Define os dados da Tabela.

Formatar a Tabela
possvel definir caractersticas da tabela para que a sua formatao
seja a mais indicada. Assim, na lista que se segue, podemos encontrar as
caractersticas para formatar a tabela.

BORDER Define a espessura do rebordo em pixels.


BORDERCOLOR Define a cor do rebordo da tabela
WIDTH - Define a largura da tabela em relao ao browser, em pixels ou
%, temos que especificar;

HEIGHT - Define a altura da tabela em relao ao browser, em pixels ou


%, temos que especificar;

CELLSPACING - Define o espao entre uma clula e outra, em pixels;


CELLADDING - Define o espao entre os dados e o rebordo da tabela, em
pixels;

BGCOLOR Define a cor de fundo das clulas da tabela.


<table border="2" bordercolor="#003300" bgcolor="green" width="60%"
height="40%" cellspacing="3" celladding="3">

Pgina 24

HTML Conceitos Bsicos

Atributos das clulas da Tabela


Podemos configurar individualmente cada clula de uma tabela, para
isso basta utilizar as seguintes caractersticas.

ALIGN: alinha o contedo da clula ou das clulas. Valores: right,


left, center.

BGCOLOR: define a cor de fundo das clulas.


VALIGN: alinhamento vertical de uma ou mais clulas. Valores: top, middle ou
bottom.

WIDTH: Define a largura de uma clula em pixis ou %.


NOWRAP: indica ao browser se o texto da clula no pode ser dividido em
mais de uma linha. A coluna inteira ter o tamanho do texto escrito naquela
clula.

Ex:
<table border="2" bordercolor="#003300" bgcolor="green" width="60%"
height="40%" cellspacing="3" celladding="3">
<tr align="left" valign="top"

Pgina 25

HTML Conceitos Bsicos


Clulas Unidas
Para unir clulas vamos atribuir Tag TD os seguintes atributos:

COLSPAN: Ser o nmero de colunas que a clula ocupar.


ROWSPAN: Ser o nmero de linhas que a clula ocupar.
<Table Border="2" width="50%" cellpacing="3" celladding="3">
<TR bgcolor="#FFFACD">
<TD colspan="2">Clula 1</TD>
</TR>
</TABLE>

Escrita de caracteres especiais


Alguns caracteres como o e letras acentuadas, como o ou o ,
no fazem parte do dicionrio ingls, e ento no podem ser inseridas
directamente. necessria a utilizao de cdigos para que as palavras que
utilizam este tipo de caracteres sejam representadas.

A lista que se segue mostra os cdigos para esses carateres:

Caracter

Cdigo

Caracter

Cdigo

&Ccedil;

&ccedil;

&Acirc;

&acirc;

&Atilde;

&atilde;

&Aacute;

&aacute;

&Agrave;

&agrave;

&Ecirc;

&ecirc;
Pgina 26

HTML Conceitos Bsicos

&Iacute;

&iacute;

&Oacute;

&oacute;

&Ocirc;

&ocirc;

&Otilde;

&otilde;

&Oacute;

&uacute;

&Uuml;

&uuml;

<

&lt;

>

&gt;

"

&quot;

&

&amp;

&Oslash;

&oslash;

Pgina 27

Você também pode gostar