Criação de Páginas WEB

Propaganda

HTML
Sessão 10
HTML
Criação de Páginas WEB
Caracteres especiais
HTML permite que caracteres especiais sejam representados por sequências de escape,
indicadas por três partes: um & inicial, um número ou cadeia de caracteres
correspondente ao caractere desejado, e um ; final.
Quatro caracteres ASCII - <, >, e & têm significados especiais em HTML, e são usados
dentro de documentos seguindo a correspondência:
Entidade
Caractere
&lt;
<
&gt;
>
&amp;
&
1
Criação de Páginas WEB
Caracteres especiais
HTML permite que caracteres especiais sejam representados por sequências de escape,
indicadas por três partes: um & inicial, um número ou cadeia de caracteres
correspondente ao caractere desejado, e um ; final.
Quatro caracteres ASCII - <, >, e & têm significados especiais em HTML, e são usados
dentro de documentos seguindo a correspondência:
Entidade
Caractere
&lt;
<
&gt;
>
&amp;
&
Criação de Páginas WEB
Caracteres especiais
Outras sequências de escape suportam caracteres ISO Latin1. Aqui está uma
tabela com os caracteres mais utilizados em Português:
Entidade
Caractere
Entidade
Caractere
&aacute;
á
&acirc;
â
&agrave;
à
&atilde;
ã
&ccedil;
ç
&eacute;
é
&ecirc;
ê
&iacute;
í
&oacute;
ó
&ocirc;
ô
&otilde;
õ
&uacute;
ú
&uuml;
ü
2
Criação de Páginas WEB
Caracteres especiais
Entidade
Caractere
Entidade
Caractere
&Aacute;
&Agrave;
&Ccedil;
&Ecirc;
&Oacute;
&Otilde;
&Uuml;
Á
À
Ç
Ê
Ó
Õ
Ü
&Acirc;
&Atilde;
&Eacute;
&Iacute;
&Ocirc;
&Uacute;
Â
Ã
É
Í
Ô
Ú
Existem alguns símbolos que vêm sendo incorporados ao conjunto de caracteres
reconhecidos em HTML. Por exemplo, &copy;, que é o símbolo ©, &reg; para ®, e
&sect; para §.
Também se pode usar sequências com códigos ASCII, por exemplo:
&#191;Qué pasa, señor?
¿Qué pasa, señor?
Criação de Páginas WEB
Caracteres especiais
1) Abrir o ficheiro modelo2.txt com o bloco
de notas e digitar o seguinte código HTML:
<html>
<head>
<title>exemplo28</title>
</head>
<body>
<font size="+2">
Aqui está um texto com algumas notações especiais:
Para escrever o e comercial deve-se escrever no documento html: &amp;<p>
Para escrever aspas duplas deve-se escrever no documento html: &quot;<p>
Marca registrada é assim: &reg;<p>
Letra com argola maiúscula: &Aring; e a mesma letra minúscula é &aring;
</body>
</html>
Guardar o ficheiro com o nome exemplo28.html e testar no IE
3
Criação de Páginas WEB
MARQUEE
É possível obter o efeito de animação de texto, através da formatação
<MARQUEE>. <MARQUEE BEHAVIOR=efeito>Texto</MARQUEE>
Atributos de largura e direcção do efeito permitem diversas apresentações
diferentes. Por exemplo (o efeito só é executado no Internet Explorer e em
versões recentes do Netscape - e de maneiras diferentes):
<MARQUEE BEHAVIOR=SCROLL WIDTH=30%>Texto1</MARQUEE>
<MARQUEE BEHAVIOR=SLIDE DIRECTION=RIGHT>Texto2</MARQUEE>
<MARQUEE BEHAVIOR=SLIDE DIRECTION=LEFT>Texto3</MARQUEE>
Criação de Páginas WEB
MARQUEE
1) Abrir o ficheiro modelo2.txt com o bloco
de notas e digitar o seguinte código HTML:
<html>
<head>
<title>Exemplo 29</title>
</head>
<BODY>
<MARQUEE BEHAVIOR=SCROLL WIDTH=30%>Texto</MARQUEE>
<MARQUEE BEHAVIOR=SLIDE DIRECTION=RIGHT>TextoR</MARQUEE>
<MARQUEE BEHAVIOR=SLIDE DIRECTION=LEFT>TextoL</MARQUEE>
</BODY>
</html>
Guardar o ficheiro com o nome exemplo29.html e testar no IE
4
Criação de Páginas WEB
iFrames
Com a TAG <iframe> é possível inserir uma página html em uma outra página
html.
Isso facilita na inclusão de textos muito grandes na página, pois é possível
habilitar a barra de scroll para a parte onde o texto ou as imagens são grandes.
Exemplo:
<iframe src=“Nome_da_pag.html" name="Página" width="450"
height="200" marginwidth="5" marginheight="5" align="center">
</iframe">
Criação de Páginas WEB
iFrames
Atributos:
src=URL : nome da página que deseja abrir na Tag <IFRAME>
name : nome do iframe.
width : largura do iframe.
height : altura do iframe.
marginwidth=pixels : largura da margem da página dentro do iframe.
marginheight=pixels : altura da margem da página dentro do iframe.
align= top | middle | bottom | left | right : alinhamento do iframe na página.
frameborder=1 | 0 : O valor 1 insere uma borda no iframe, o valor 0 omite.
scrolling=yes | no | auto : yes permite o scroll do iframe, no não permite.
5
Criação de Páginas WEB
iFrames
1) Abrir o ficheiro modelo2.txt com o bloco
de notas e digitar o seguinte código HTML:
<html>
<head>
<title>Exemplo 30</title>
</head>
<BODY BGCOLOR="#DDDDDD" TEXT="#080000" LINK="#330099" ALINK="#330066"
VLINK="#330066">
<div name="margins" style="margin-left:3px; margin-top:3px; margin-right:3px; ">
<div><FONT SIZE="5" COLOR="#330099" FACE="Arial,Helvetica,sans-serif">
<B>Exemplo 30</B><B> </B><B>- </B>
<FONT SIZE= 3 ><B>scrolling iFrame</B></FONT></FONT>
</div>
Continua
Criação de Páginas WEB
iFrames
<BR>
<div style="margin-top:3px; ">
<FONT SIZE="3" COLOR="#000000" FACE="Arial,Helvetica,sans-serif">
<iframe id="datamain" src="aux30.html" width=500 height=300
marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=yes></iframe>
</FONT>
</div>
<bR>
</body>
</html>
Guardar o ficheiro com o nome exemplo30.html e testar no IE
6
Criação de Páginas WEB
iFrames
Criação de Páginas WEB
iFrames
1) Abrir o ficheiro modelo2.txt com o bloco
de notas e digitar o seguinte código HTML:
<html>
<head>
<title>Exemplo 31</title>
</head>
<BODY BGCOLOR="#DDDDDD" TEXT="#080000" LINK="#330099" ALINK="#330066"
VLINK="#330066">
<div name="margins" style="margin-left:3px; margin-top:3px; margin-right:3px; ">
<div><FONT SIZE="5" COLOR="#330099" FACE="Arial,Helvetica,sans-serif">
<B>Exemplo 31</B><B> </B><B>- </B>
<FONT SIZE= 3 ><B>scrolling iFrame</B></FONT></FONT>
</div>
Continua
7
Criação de Páginas WEB
iFrames
1) Abrir o ficheiro modelo2.txt com o bloco
de notas e digitar o seguinte código HTML:
<BR>
<div style="margin-top:3px; ">
<FONT SIZE="3" COLOR="#000000" FACE="Arial,Helvetica,sans-serif">
<iframe id="datamain" src="aux31.html" width=500 height=300
marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>
</FONT>
</div>
<bR>
</body>
</html>
Guardar o ficheiro com o nome exemplo31.html e testar no IE
Criação de Páginas WEB
iFrames
8