Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
2Activity
0 of .
Results for:
No results containing your search query
P. 1
01 - Apostila HTML

01 - Apostila HTML

Ratings: (0)|Views: 33 |Likes:
Published by Roger Correa

More info:

Published by: Roger Correa on May 29, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

11/04/2012

pdf

text

original

 
Super apostila com tudo que você precisa saber para fazer um site!
Agora iniciaremos o estudo ao
HTML
, para você fazer o site utilize o bloco de notas dowindows(notepad) ou um outro editor de texto ASCII. Para fazer você deve escrever os comandos edepois de finalizalos salve esse documento assim
nome_do_documento.htm
. No
HTML
usamoscomandos chamados
TAGS
, essas tags tem basicamente esse formato:<abri tag> </fechei tag>Assim é escrito um comando em HTML, primeiro se abre a tag dizendo de que tipo ela é, depois deutilizado sua função se fecha a tag. Por exemplo:<font face="comic sans ms" color="red"> 
TEXTO1
 </font> 
TEXTO2
 No resultado deste comando teriamos
TEXTO1
escrito com a fonte comic sans ms e com a corvermelha, como foi escrito no exemplo acima. Ali escrevi a tag<font> 
coloquei o texto no meio efechei a tag
 </font>, ou seja, tudo que está entre o início e o fim da tag, receberá o comandoempenhado pela tag.Quando utilizei a barra "/" antes de escrever a tag FONT no fim significa que eu fechei essa tag assimtudo que viria depois do fechamento dessa tag não teria a cor vermelha e não seria escrito com a fontecomic sans ms, esse foi o caso de
TEXTO2
. E no exemplo também aparecem atributos de FONT, osatributos são
face=""
e
color=""
, os atributos são os comandos que configuram qual será a açãoempenhada pela tag, nesse caso o atributo face="" configurou a tag FONT a formatar o texto com afonte comic sans ms, o mesmo caso aconteceu com o atributo
color=""
, ele disse a tag que a cor seriavermelha. Porque a tag FONT empenha a tarefa de formatação de texto, os atributos são apenas osparâmetros de FONT. Agora que entendemos como se funciona as tags, vamos começar a apresentar astags que existem no HTML.
TAGS
 
<html></html>
essa tag deve ser colocada no início do documento e no final. É ela que diz que odocumento é em HTML.
<head></head>
essa tag é o cabeçalho do documento, dentro dela é colocada SCRIPTS, FOLHA DEESTILOS, a tag TITLE entre outros comandos.
<title></title>
essa tag vai definir o título do documento, é aquele texto que aparece naquela barraonde estão os botões minimizar, maximinizar e fechar.
<body></body>
essa tag é aonde você vai escrever todas as tags do documento exceto as listadasacima, nela colocamos as tags de texto, imagem, links entre outros, ela é o corpo do documento.
Atributos de <body>bgcolor="
cor
"
esse atributo desempenha a função de definir a cor de fundo da página, entre as aspasvocê pode colocar o nome da cor em inglês ou seu código hexadecimal.
background="
endereço da imagem
"
esse atributo desempenha a função de definir uma imagem paraser o fundo da página, entre as aspas você deve colocar o endereço da imagem, seja ela on-line ou noseu hd.
bgsound="
endereço do som
"
esse atributo serve para que assim que o site se carregue, carregue juntamente uma música, executando-a automaticamente.
link="
cor
"
esse atributo define qual será a cor do link.
vlink="
cor
"
esse atributo define qual será a cor do link visitado.
 
alink="
cor
"
esse atributo define qual será a cor do link ativo.
text="
nome da fonte
"
esse atributo define qual será a cor da fonte padrão utilizada pelo documentohtml.Modo de escrita de um documento HTML:<html><head><title>Título da página</title></head><body></body></html>Essa é a maneira de se iniciar um documento HTML, tente escrever da maneira que esta escrito acima,dando enter depois de comandos e espaços, para ter uma melhor organização do documento e paravocê entender conseguentemente o que está escrito.Dica: você pode pegar esse código e colar no blocode notas e salvar, você pode colocar qualquer título no lugar de "Título da página", para entender ofuncionamento da tag TITLE.
TAGS DE FORMATAÇÃO DE TEXTO
 
<h1></h1>
essa tag tem a função de formatar o texto para um tamanho específico.Nesse exemplo usamos a tag h1 no texto "exemplo":
exemplo
Nesse exemplo foi escrito com h1, mas essa tag vai de h1 até h6, conseguentemente diminuindo otamanho da fonte pelo número maior:
exemplo
nesse exemplo foi escrito com a tag<h2>exemplo</h2>.
exemplo
nesse exemplo foi escrito com a tag<h3>exemplo</h3>.
exemplo
nesse exemplo foi escrito com a tag<h4>exemplo</h4>.
exemplo
nesse exemplo foi escrito com a tag<h5>exemplo</h5>.
exemplo
 
nesse exemplo foi escrito com a tag<h6>exemplo</h6>.
<b></b>
essa tag tem a função de deixar o texto em negrito, tudo que for escrito entre essas tagsficará em negrito.
<i></i>
essa tag tem a função de deixar o texto em italico, tudo que for escrito entre essas tags ficaráem italico.
<u></u>
essa tag tem a função de sublinhar o texto, tudo que for escrito entre essas tags serásublinhado.
<sup></sup>
essa tag configura o texto a aparecer de modo sobrescrito.
<sub></sub>
essa tag configura o texto a aparecer de modo subscrito.
<blink></blink>
essa tag faz com que o texto configurado fique piscando. Entretanto é muito difícilachar um navegador que dê total suporte a esse comando. Geralmente não funciona.
<strike></strike>
faz com que o texto fique com um risco no meio. EXEMPLO
<br>
essa tag faz pular de linha. Observe que essa tag não precisa de fechamento ela é sozinha.
<p>
essa tag faz pular de linha e na próxima linha deixa em branco. Note que esta também é sozinha.
<nobr></nobr>
tudo que tiver entre essas tags será continuo, quando você não especifica aobrowser, e você escreveu muito texto, o browser automaticamente adiciona uma quebra de linha, comessa tag impede que o browser dê uma quebra de linha, assim o texto é continuo.
<font></font>
com essa tag você formata o texto em tamanho, fonte e cor. Que são configuradosnos seus atributos.
<font face="
nome da fonte
"></font>
essa tag configura o tipo da fonte que será o seu texto, porexemplo
comic sans ms
,
courier
,
arial black
entre outras.
<font color="
cor
"></font>
essa tag especifica qual será a cor do texto. Exemplos:
<font color="
red
">
EXEMPLO
</font>
ou
<font
 
color="
#ff0000
">
EXEMPLO
</font>
, você podetanto colocar o código hexadecimal da cor, quanto o nome da cor em inglês, brevemente você verá umatabela com algumas cores e seus códigos hexadecimais.
<font size="
número de 1 até 7
"></font>
essa tag especifica o tamanho da fonte, parecida comh1,h2,...,h6.
<basefont></basefont>
parecida com a tag font, mas essa especifica a fonte para todo odocumento, mesmo assim você pode usar fonte para formatar a fonte.
<pre></pre>
a tag pre formata o texto da maneira que você escreveu no editor de texto. Por exemploaqueles desenhos feitos com caracteres eles ficarão da maneira que você escreveu no código, semprecisar colocar tags para pular linha ou de espaço. Exemplo:
-------------------------------| /|__|\ |VON..........|| ( o o ) |..................|| / C \ |ROBERT.....|

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->