Apostila de HTML e CSS PDF
Apostila de HTML e CSS PDF
Apostila de HTML e CSS PDF
9
7%,,
:
'P
*+
4 ':P
G
X
*:
**
"
*
5
&
4
<font>
:**
:
*
.
P
<style type="text/css">
<!--
.style1 {
font-family: verdana;
font-size: 15px;
font-weight: bold;
color: #FF0000;
}
-->
</style>
)7
"8
<head>
9:
"
:
*
+
"#*
R :
( $)!."#R :+&
9&
R
U1
+
&'
+
9
"8
#:
( +
&
U1
%
;
"#
+
*&'&
+
7( (
9&
R
(
+
#&
(
:"8
:
%
U1*
#:
( :(
*
;:
Times New
Roman
V(
:: *
+
:&
+
*:
*
:
:
*
7
*
+
U1+
:"8
#:
1
&*
7S
*
#
*
7
6
+
.+
*
R
( 7
7
U13#
+&
c
U1X
++
R+
#
67 :
%&
{}5
:4
+
+
5
*&
*
:+
:+
:
F
*8:
6R :(P
0
:
*
&+&$)!)P
=1
B@
%j3+
13G30C
9
( P
%
7
J]d7
d0
7
7
J
]d7
d
%52
<table align="center" id="table_estrutura" cellpadding="0" cellspacing="0"
width="800">
<TR>
<TD id="sombra_1" width="10"> </TD>
<TD>
<table id="table_estrutura2" align="center" cellpadding="0"
cellspacing="0" width="780">
<tr><TD id="td_1" width="100%"> </TD></tr>
<tr><TD id="td_2" width="100%"> </TD></tr>
<tr><TD id="td_3" width="100%"> </TD></tr>
</table>
</TD>
<TD id="sombra_2" width="10"> </TD>
</TR>
</table>
}
#sombra_1 {
width:10px;
height:100%;
background-image:url(images/sombra.jpg);
background-repeat:repeat-y;
}
#sombra_2 {
width:10px;
height:100%;
background-image:url(images/sombra2.jpg);
background-repeat:repeat-y;
}
#table_estrutura {
background-color:#FFFFFF;
height:1200px;
}
-->
</style>
</head>
<body>
<table align="center" id="table_estrutura" cellpadding="0" cellspacing="0"
width="800">
<TR>
<TD id="sombra_1" width="10"> </TD>
<TD>
<table id="table_estrutura2" align="center" cellpadding="0"
cellspacing="0" width="780">
<tr><TD id="td_1" width="100%"> </TD></tr>
<tr><TD id="td_2" width="100%">
<table id="table_estrutura3" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD id="td_lateral" width="150"> </TD>
<TD id="td_meio" width="490"> </TD>
<TD id="td_lateral_2" width="140"> </TD>
</TR>
</table>
</TD></tr>
<tr><TD id="td_3" width="100%"> </TD></tr>
</table>
</TD>
<TD id="sombra_2" width="10"> </TD>
</TR>
</table>
</body>
</html>
9 &
=1
5&';(
!MMM
0
*:
&4
///////////////////////////////////////////////////////////////////////////////////////
N(
}
a:hover {
text-decoration:underline;
color:#000000;
}
a:active {
text-decoration:none;
color:#000000;
}
.#
P5
:"8
b&
*
+
#
P
5,:
S
7
D:
(
*
:
&(
"
545,3
+4
;
97:+
;+4 ;
5
:!7
Ik_
IG/
5
#(#
7
*R-
70
-
7(
#
+
(+
#g_G7*;(+
(7
.#
&
(*
&
:
<_
:4
&#
IG/_&
JgG/
:(
:
#
5:
9%9+4 ;
0
&:&(13+U13
+_ __
&
+&$)9
R7
0
S
&
R 7
;:
///////////////////////////////////////////////////////////////////////////////////////
N(
%
:
.
&(
:
`
+
(
$)!
F]
21
&U1
-1
%+
R 7
<head></head>
<!-- INICIO DO CDIGO DE BLOQUEIO DO BOTO DIREITO-->
<SCRIPT language="JavaScript">
function click(){
if (event.button==2){
alert("Boto direito bloqueado!")
}
if (event.button==3){
alert("")
}
}
document.onmousedown=click
</SCRIPT>
<!-- FIM DO CDIGO DE BLOQUEIO DO BOTO DIREITO-->
21
%
,7
<head></head>
<script type="text/javascript">
function cursor()
{
trail.style.visibility="visible"
trail.style.position="absolute"
trail.style.left=event.clientX-200
trail.style.top=event.clientY-25
}
</script>
K'
:Y
:&
*
+
7P
trail.style.left=event.clientX-200
trail.style.top=event.clientY-25
-200
Y&
+
&
:
"#
-25
Y4+
&
:
"#
9
7<BODY>7P
onmousemove="cursor()".
.#<BODY>+&:(
P
<BODY onmousemove="cursor()">
.E
++
+&
:
'+
:*
</BODY>+&
22*+
(
&
11
%
7
<head></head>P
<style type="text/css">
body {
background:#FFFFFF;
font-size:1.25ex;
font-family:arial,helvetica,freesans,sans-serif;
margin:5px 0px 5px 5px;
}
html>body {
background:#FFFFFF;
font:x-small arial,helvetica,freesans,sans-serif;
margin:5px 0px 5px 5px;
padding:0;
}
a {
text-decoration:none;
display:block;
color:#000000;
font-weight:normal;
font-family:arial,freesans,helvetica,sans-serif;
}
* {
padding:0;
margin:0;
}
#menu {
width:14.2em;
border-top:1px solid red;
background-color:#CCCCCC;
position:absolute;
top:0;
left:0;
font-family:verdana,arial,freesans,helvetica;
}
#menu ul {
background-color:#CCCCCC; /*Cor de background*/
}
#menu ul li {
border-bottom:1px solid #333333; /*Cor da borda*/
list-style:none;
_height:2em;
}
#menu ul li a {
color:#000000; /*Cor do Texto*/
height:1%;
padding:0.3em 0.5em;
font-family:verdana,arial,freesans,helvetica;
}
#menu ul li a {
padding:0.4em 0.5em;
}
#menu ul li a:hover {
background-color:#666666; /*Cor de Fundo quando selecionado*/
}
#menu dl {
margin:1em 0 0.5em 1em;
padding-bottom:1px;
font-family:arial;
}
#menu dl dd.diff {
background:transparent;
padding-left:0px;
}
#menu .rel {
height:1.7em;
padding-top:0.4em;
}
#menu .e, #menu .d {
display:inline;
}
</style>
</ul>
</div>
+
'2
G
%
R 7
+
+
;5( &
!
7
.
"
)<(
>M R :& ?
<a onclick="window.external.AddFavorite('http://www.endereo.com','Ttulo
da Pgina');" href="#">Adicionar aos Favoritos!<a>
>M :R :& ?
K'7
M
&
#
2
%
R 7
<head></head>:
<!-- inicio do cdigo para mudar a cor da barra-->
<style type="text/css">
body {
scrollbar-face-color:#666666;
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #8c96a5;
scrollbar-3dlight-color: #333333;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #999999;
scrollbar-arrow-color: #e7e7ef;
}
</style>
<!-- fim do cdigo para mudar a cor da barra-->
9
/
(
1
,-
'2
%
R 7
+
+
"0
$P
<!--inicio do cdigo data e hora-->
<script>
var dataHora,xHora,xdia,dia,xMinuto,xSegundo,mes,ano,txtsaudacao;
dataHora=new Date();
xHora=dataHora.getHours();
dataHora = new Date();
xDia = dataHora.getDay();
dsem = new Array(7);
dsem[0] = "Domingo";
dsem[1] = "Segunda-feira";
dsem[2] = "Tera-feira";
dsem[3] = "Quarta-feira";
dsem[4] = "Quinta-feira";
dsem[5] = "Sexta-feira";
dsem[6] = "Sbado";
if (dia < 10) {dia = "0" + dia}
dia = dataHora.getDate();
mes = dataHora.getMonth();
dmes = new Array(12);
dmes[0] = "Janeiro";
dmes[1] = "Fevereiro";
dmes[2] = "Maro";
dmes[3] = "Abril";
dmes[4] = "Maio";
dmes[5] = "Junho";
dmes[6] = "Julho";
dmes[7] = "Agosto";
dmes[8] = "Setembro";
dmes[9] = "Outubro";
dmes[10] = "Novembro";
dmes[11] = "Dezembro";
ano = dataHora.getFullYear();
document.write("<font size=2 face='verdana' color=#666666>" + dsem[xDia] +
", " + dia + " de " + dmes[mes] + " de " + ano + "");
</script>
<!--fim do cdigo data e hora-->
9
R 7
+
+
""#P
<!--inicio do cdigo saudao da data e hora-->
<script language="JavaScript">
<!--
document.write("<dl><dd>")
day = new Date()
hr = day.getHours()
if (hr ==1)
document.write("J 1 da manh;! Voc; no dorme no?")
if (hr ==2)
document.write("J 2 da manh;! Vai dormir!!!")
if (hr ==3)
document.write("J 3 da manh;! Voc um vampiro ou o que?!?!")
if (hr ==4)
document.write("São 4 da manhã! Você não devia
estar na cama agora?!?!")
if (hr ==5)
document.write("Meu, 5 da manhã, já está clareando e
você ainda ta aí!")
if (hr ==6)
document.write("6 da manhã: Deus ajuda quem cedo madruga!")
if ((hr ==7) || (hr ==8) || (hr == 9) || (hr ==10))
document.write("Bom dia!")
if (hr ==11)
document.write("11 da manhã, está quase na hora do
almoço!")
if (hr ==12)
document.write("Meio-dia! Que tal ir almoçar?")
if (hr ==13)
document.write("1 hora da tarde! Já almoçou hoje?")
if ((hr==14) || (hr==15))
document.write("Boa tarde!")
if (hr ==16)
document.write("Já deu um tempo pra ver o céu lá
fora, hoje?")
if (hr==17)
document.write("Hora do cafezinho (ou do chá das 5 ;)!")
if (hr==18)
document.write("Bom final de tarde!")
if ((hr==19) || (hr==20) || (hr==21) || (hr==22))
document.write("Boa noite!")
if (hr==23)
document.write("Já é quase meia-noite!")
if (hr==0)
document.write("Meia-noite! Já é um novo dia!")
document.write("</dl>"+"</font>")
//--->
</script>
<!--fim do cdigo saudao da data e hora-->
%9
4"
,
,
#
5
1
9
D
'2
4
2
$
%
R 7
+
+
"
!
7
.
"(
<!--inicio do cdigo deixar como pgina inicial-->
<a href="#"
onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('ht
tp://www.endereo.com');">Deixe como Pgina Inicial!</a>
<!--fim do cdigo deixar como pgina inicial-->
K'7
M
14 /1
$
2
%
( $)!
R P
<html>
<head>
<script language="javascript">
function Resize()
{
var ResizeH,ResizeW;
LarguraImagem = document ['figura'].width;
AlturaImagem = document ['figura'].height;
window.resizeBy(ResizeW,ResizeH);
}
function ExibeImagem()
{
var query=window.location.search;
if(query.indexOf("?") == -1)
{
document.write("Foto no localizada.");
}
else
{
var str="?foto=";
var imagem = query.slice(str.length);
var imprime_imagem = "<img src='" + imagem + "' name='figura'
border='0' onload='Resize();'>";
document.getElementById("exibe_imagem").innerHTML =
imprime_imagem;
}
}
</script>
</head>
<body onLoad="ExibeImagem()" topmargin="0" leftmargin="0">
<div id="exibe_imagem"></div>
</body>
</html>
,&
( D1
9
R
<head></head>(
(::
<script language="javascript">
function AbreImagem(imagem)
{
var url = 'pop_up.html?foto=' + imagem;
popup =
window.open(url,'_blank','scrollbars=no,status=no,toolbar=no,resizable=no,
location=no,menu=no,width=50,height=50');
popup.focus();
}
</script>
!
7
( D1
R(
&
F]
C
<a href="javascript:AbreImagem('endereo da foto');"> Clique par pop-up
tamanho da imagem!</a>
2
:
:4
.#
<img>
<a></a>
1-
F
9
R
+
+
:+
7#&
<input type="button" name="voltar" value="Voltar" onclick="history.go(-
1)">
5
:7#
G
1
S
$
'2
%
R 7
<head></head>( +
;
7#
<script language="JavaScript">
function printit(){
if (NS) {
window.print() ;
} else {
var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0
CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
WebBrowser1.ExecWB(6, 2);
}
}
</script>
9
R 7
;
+
"7#1
<script language="JavaScript">
var NS = (navigator.appName == "Netscape");
var VERSION = parseInt(navigator.appVersion);
if (VERSION > 3) {
document.write('<form><input type=button value="Imprimir" name="Print"
onClick="printit()"></form>');
}
</script>
G
1
S
'2
%
R 7
<head></head>(
<script language="JavaScript">
function doSaveAs(){
if (document.execCommand){
if (isReady){document.execCommand("SaveAs");}
}
}
</script>
9 :"A
P
<script language="javascript">
function kw_list ()
this.num_words = 0;
this.query = "";
this.original_query = "";
this.query_length = 0;
this.possible_points = 0;
this.get_words = get_query;
this.no_query = no_query_found;
function get_query ()
this.query_length = this.query.length;
this.query_length = this.query.length;
if (this.query != "")
var query_pointer = 0;
var end_word = 0;
var at_end = 0;
query_pointer++;
else
at_end = 1;
if (end_word != -1)
else
at_end = 1;
this.num_words++;
if (query_pointer != -1)
query_pointer = end_word + 1;
at_end = 1;
if (this.num_words == 0)
return (0);
else
return (1);
}
else
return (0);
function no_query_found ()
this.url = url;
this.title = title;
this.keywords = keywords;
this.description = description;
this.points = 0;
this.search_entry = find_keyword;
this.print_entry = print_result;
this.points += points_title;
this.points += points_keywords;
if ((the_description.indexOf (the_word)) != -1)
this.points += points_description;
function begin_search ()
var entry_printed = 0;
if (! key_list.get_words ())
key_list.no_query ();
else
{
var counter = 0;
var counter2 = 0;
the_entries[counter].search_entry (key_list.keywords[counter2]);
if (counter == the_entries[counter2].points)
if (entry_printed != 1)
entry_printed = 1;
print_intro (key_list.original_query);
the_entries[counter2].print_entry (key_list.possible_points);
if (! entry_printed)
no_entry_printed (key_list.original_query);
var points_description = 1;
begin_search ();
</script>
<!--fim script de busca-->
</font>
</body>
</html>
,&
1
///////////////////////////////////////////////////////////////////////////////////////
N(
.
10&
3
:
8P
0
&10+
c
1
2
X
0
+
&
*
+15
0
R
+
c
G1'X
0
+
cG4
2
G'X
K
;: "8
G4
9 :
%+
133
2
%+
*0
#$*.G4
9
*
G4
B
&C*2B(C
4
B
C:
"8
&"
6=
7
.:
"#+1
=1
+&( +&
;
&
&
%+
%<
9 &
B%)!j,C( )&
%#&
*
"
++
( R
&5&';(
&
&*
+&#::0
S
&
#&&5
&&'
&
+
:4
:"#*
*
"
(
:+
"(
9 +&( P:*
#
&
&
0
@XR
"
*
*
http://geocities.yahoo.com.br/contatoloopdown
///////////////////////////////////////////////////////////////////////////////////////