HTML Sessão 10 HTML 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 & 1
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 & 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 á á â â à à ã ã ç ç é é ê ê í í ó ó ô ô õ õ ú ú ü ü 2
Entidade Caractere Entidade Caractere Á Á Â Â À À Ã Ã Ç Ç É É Ê Ê Í Í Ó Ó Ô Ô Õ Õ Ú Ú Ü Ü Existem alguns símbolos que vêm sendo incorporados ao conjunto de caracteres reconhecidos em HTML. Por exemplo,, que é o símbolo, para, e para. Também se pode usar sequências com códigos ASCII, por exemplo: Qué pasa, señor? Qué pasa, señor? <html> <head> </head> <body> </body> </html> <title>exemplo28</title> <font size="+2"> Aqui está um texto com algumas notações especiais: Para escrever o e comercial deve-se escrever no documento html: &<p> Para escrever aspas duplas deve-se escrever no documento html: "<p> Marca registrada é assim: <p> Letra com argola maiúscula: Å e a mesma letra minúscula é å Guardar o ficheiro com o nome exemplo28.html e testar no IE 3
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> MARQUEE <html> <head> <title>exemplo 29</title> </head> <BODY> </BODY> </html> <MARQUEE BEHAVIOR=SCROLL WIDTH=30%>Texto</MARQUEE> <MARQUEE BEHAVIOR=SLIDE DIRECTION=RIGHT>TextoR</MARQUEE> <MARQUEE BEHAVIOR=SLIDE DIRECTION=LEFT>TextoL</MARQUEE> Guardar o ficheiro com o nome exemplo29.html e testar no IE 4
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"> 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
<html> <head> <title>exemplo 30</title> </head> <BODY BGCOLOR="#DDDDDD" TEXT="#080000" LINK="#330099" ALINK="#330066" VLINK="#330066"> Continua <div name="margins" style="margin-left:3px; margin-top:3px; margin-right:3px; "> <div><font SIZE="5" COLOR="#330099" FACE="Arial,Helvetica,sans-serif"> </div> <B>Exemplo 30</B><B> </B><B>- </B> <FONT SIZE= 3 ><B>scrolling iframe</b></font></font> <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> </body> </html> </div> <br> </FONT> Guardar o ficheiro com o nome exemplo30.html e testar no IE 6
<html> <head> <title>exemplo 31</title> </head> <BODY BGCOLOR="#DDDDDD" TEXT="#080000" LINK="#330099" ALINK="#330066" VLINK="#330066"> Continua <div name="margins" style="margin-left:3px; margin-top:3px; margin-right:3px; "> <div><font SIZE="5" COLOR="#330099" FACE="Arial,Helvetica,sans-serif"> </div> <B>Exemplo 31</B><B> </B><B>- </B> <FONT SIZE= 3 ><B>scrolling iframe</b></font></font> 7
<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> </body> </html> </div> <br> </FONT> Guardar o ficheiro com o nome exemplo31.html e testar no IE 8