Académique Documents
Professionnel Documents
Culture Documents
c
c
c
<TITLE> Título da Página </TITLE>
c <meta name="Description" CONTENT="Conteúdo da Página">
<meta name="KeyWords" CONTENT="palavra-chave da página">
<base href="endereço">
<isindex pront="mensagem">
<body bgcolor="cor">
<body background="url da imagem">
<body text="cor͞>
<body link="cor" vlink="cor" alink="cor">
<!--comentário -->
<p> texto </p>
<p align=͞alinhamento">
<br>
<font face="nome da fonte" size="tamanho da fonte" color="cor da fonte"></font>
<basefont face="nome da fonte" size="tamanho da fonte" color="cor dafonte">
c
¦c Exemplo:
<a name=inicio> Introdução </a> <!--cria uma
âncora no texto Introdução-->
͙
<a href=͞#inicio͟> Voltar ao inicio </a> <!--cria um
link para a âncora início no texto Introdução-->
Parâmetros:
¦c width e height ʹ Parâmetros que especificam
respectivamente a largura e a altura do vídeo. Para
que não ocorra um redimensionamento é preciso
que a imagem alternativa tenha as mesmas
dimensões que o vídeo.
¦c Exemplo: <img dynsrc=͞video.mpeg" width="321"
height="321">
¦c src ʹ Caso o vídeo não possa ser exibido pelo
browser, apresenta uma imagem alternativa.
¦c Exemplo: <img dynsrc=͞video.mpeg"
src="carro.jpg">
¦c start ʹ Permite definir quando é que o vídeo vai ser
exibido, se na abertura da página (start=͞fileopen͟)
ou quando o rato passar por cima do vídeo
(start="mouseover͟);
¦c Exemplo: <img dynsrc="video.mpeg"
start="mouseover">
¦c loop - Específica o n.º de vezes que o vídeo vai ser
exibido. Para exibir continuamente usa-se
loop=infinite.
¦c Exemplo: <img dynsrc=͞video.mpeg"
loop="infinite">
Tabelas
¦c
c cc c cc $c c
c c 2c
c c
c cc
c
¦c Êc c3c c
c c
c
c c
3c
c2 c
c*
c
¦c Jc*
c
c
c2 c
cc c c
c 2c c c
c
¦c c c2c
c c c c
<table>͙</table>
Ãc c3c
c c c
c c c
c
c
Parâmetros:c
¦c borderc4c
c c( cc c 5 c
c
c
c c c c c c
c6c3cc
c3cc cc 7
c
¦c à %cY cborder="10"> c
¦c widthccheightc)c
cc c
c
c6cc
c c cc c cc
)
c c c
c3c8099:;
c
¦c à %cY cwidth="50%" height="100%">cc
¦c alignc)c c c(3c
c cc
cc
ccc
c
¦c à %c
Y c c
Y c c
Y c c
¦c cellpaddingc)c cc
c
c*
c
c2 c c (3c<c
c
c
c
c
¦c à %cY ccellpadding="0">c
¦c cellpacingc)cà cc ( cc c
2 c
c
c
¦c à %cY ccellpacing="0">cc
¦c bordercolorccbgcolorc)cà c c c
c
c
cc cc
c
cc
¦c à %cY c
0c
=&&&&&&c
=>>>>>>cc
¦c backgroundc)cà c c c
c
c
c
c
¦c à %cY c
1cc
c
/c
c cc ( c
c
c
¦c <caption> ͙</caption> - c
cc ccc
c
c
¦c à %cY c/ c
c
cY cc
¦c <th> ͙</th> )c
cc ( c
c
c c
c
c
tosÑ
¦c P
¦c P
¦c P
¦c row P
¦c bo or
Linh s
¦c <t> </t> - dfin d linh d t bl
tos:
¦c li n-Alinh ntohoi ont l s lospod
sL
G ouC N
¦c Ãxplo:<t li n="lft"></t>
¦c li
n-Alinh nton ti ls lospod
s:
¦c top-topod lul
¦c iddl-
i odi n d lul
¦c b slin- linh linh db sdotxtod
lul ootxtod linh
¦c botto- linh oontúdod lul o
i oinfiod lul
¦c Ãxplo:<t li
n="b slin"></t>
¦c olsp no sp nʹituniolun slinh s
du t bl
¦c Ãxplo:<tolsp n="3"o sp n="2"></t>
Clul s
¦c <td></td>-dfin d lul du t bl
¦c Coxp odosp tosbodllp in
llp ddin
qus oxlusiosd t bl d
lul possuiossosp tosd t bl
oo:b
olob
oundidthhi
htoutos
Aldisso d lul podtosuontúdo
linh dohoi ont lntti lnt
¦c Ãxplo:
<tdb
olo=" lo"></td>
<tdb
ound="i
jp
"></td>
<tdidth="l
u "></td>
<tdhi
ht=" ltu "></td>
Y c
Y
c
Y/ÊÃÊ6Yc
Y
c
Y
$c
Y c
?9:c
&c c
cc
Y cY0/ c
c c0Y0Y c
Y c0YcY)) ( c
c
c ))c
Y c@Yc
Y c&Yc
YcY))
(3c
c c c
c ))c
Y
c
&@:c
Y
cY))
2 c
c c ))c
Y
c
&&:
Y
c
c Y
c
&A:
Y
c
Yc
YcY))
(3c
c
c c
c ))c
Y
c
&@:c
cY
cY))2 c
c
))c
Y
c
&&:c
c
Y
c
&A:c
cY
c
Yc
YcY))
(3c
c c c
c ))c
Y
c
&@:c
cY
cY))2 c
c c
))c
Y
c
&&:c
cY
c
Y
c
&A:cc
cY
c
Yc
Y c
Y
$c
Y c
c
<html>
<head>
<title>TABELAS</title>
</head>
<body>
<table width="40%" border="3" align="center"
bordercolor="blue" bgcolor="pink">
<caption> <h1>Tabela de exemplo
2</h1></caption>
<th>coluna 1</th> <!--cabeçalho de cada coluna-->
<th>coluna 2</th>
<th>coluna 3</th>
<tr> <!--definição da primeira linha da tabela-->
<td rowspan="3" width="32%" bgcolor="white">
Células unidas </td> <!--células da primeira linha-->
<td width="33%"> 1ª linha </td>
<td width="35%"> 1ª linha </td>
</tr>
<tr> <!--definição da segunda linha da tabela-->
<td width="33%">2ª linha</td>
<td width="35%"> 2ª linha </td>
</tr>
<tr> <!--definição da terceira linha da tabela-->
<td colspan="2" bgcolor="white"> Células Unidas
</td>
</tr>
</table>
</body>
</html>
Frames
¦c As frames permitem dividir o ecrã de forma a ser
possível enquadrar mais do que uma página.
¦c m muito fácil colocar Frames em páginas, mas nem
todos os utilizadores gostam de usar frames,
preferindo o uso de tabelas.
¦c A página onde a frameset é codificada não leva o
marcador <body> e tem a finalidade de definir o
layout a ser apresentado pelas Frames.
¦c As frames são criadas da esquerda para a direita e
de cima para baixo.
<html>
<head>
<title>Frames</title>
</head>
<frameset cols="20%,80%">
<frame name="pagina1" src="pag1_frame.html"
marginheight="10" marginwidth="10"
scrolling="auto" noresize>
<frame name="pagina2" src="pag2_frame.html"
marginheight="10" marginwidth="10"
scrolling="auto" noresize>
</frameset>
</html>
ESTILOS Físico
¦c <b> ... </b> aplica negrito ao texto.
¦c <i> ... </i> aplica itálico ao texto.
¦c <tt> ... </tt> aplica espaçamento fixo entre os caracteres
do texto, simulando uma máquina de escrever.
¦c <u> ... </u> aplica sublinhado ao texto.
¦c <strike> ... </strike> ou <s> ... </s> aplica o efeito riscado
no texto.
¦c <big> ... </big> aumenta o tamanho da letra.
¦c <small> ... </small> reduz o tamanho da letra.
¦c <sub> ... </sub> aplica o efeito subscrito no texto.
¦c <sup> ... </sup> aplica o efeito sobrescrito no texto.