Professional Documents
Culture Documents
tags podem ser escritas em Maiscula ou Minscula Ex.: <html> ou <HTML>. O Ttulo da pgina aparecer no alto da janela do browser e ser referenciado em buscas pela rede. Ao ser adicionada "Favoritos" (Bookmarks), o ttulo ser o atalho para ela.
ATRIBUTOS DE <BODY> :
Atravs de <BODY>, podemos definir cores dos textos, links e fundo das pginas, ou uma imagem de fundo. Temos ento: BGCOLOR - Cor de fundo TEXT - Cor da fonte dos textos LINK - Cor dos links (padro: azul) ALINK - Cor dos links, quando clicados (padro: vermelho) VLINK - Cor dos Links, depois de visitados (padro: roxo) BACKGROUND - Imagem de fundo: Indica o URL da imagem. Podemos definir tudo de uma s vez, colocando o seguinte cdigo: <BODY BGCOLOR="YELLOW" TEXT="BLACK" LINK="BLUE" ALINK="RED" VLINK="PURPLE"> No est no cdigo acima o atributo BACKGROUND pois no padro.
C O R E S NO SEU SITE:
Voc pode escrever as cores (em ingls) ou colocar seu cdigo. Porm, para escrever s aceito 16 cores, que so: Preto = black - cdigo = #000000 Branco = white - cdigo = #FFFFFF Azul = blue - cdigo = #0000FF Amarelo = yellow - cdigo = #FFFF00 Verde = green - cdigo = #008000 Lima = lime - cdigo = #00ff00 Marron = maroon - cdigo = #800000 Oliva = olive - cdigo = #808000 Azul Celeste = aqua - cdigo = #00ffff Lils = fuchsia - cdigo = #ff00ff Cinza = gray - cdigo = #808080 Azul escuro = navy - cdigo = #000080 Roxo = purple - cdigo = #800080 Verde escuro = teal - cdigo = #008080 Cinza claro = silver - cdigo = #c0c0c0
Vermelho = red - cdigo = #FF0000 Mas voc pode definir varias tonalidades e cores, basta ter a lista de cdigos das cores, ou CLICAR AQUI
CABEALHOS :
O tamanho das letras ou fontes definido pela tag <H> - "Headings". A tag <H> normalmente usada em CABEALHOS e h seis nveis. Com esta tag voc pode definir o tamanho das letras, mas no o tipo da fonte. Veja abaixo como fica:
Este o tamanho:<H1>
Este o tamanho:<H2>
Este o tamanho:<H3>
Este o tamanho:<H4>
Este o tamanho:<H5>
Este o tamanho:<H6>
Pode-se alinhar os cabealhos <H2 ALIGN=CENTER>Texto centralizado</H2> <H2 ALIGN=RIGHT>Texto alinhado direita</H2> <H2 ALIGN=LEFT>Texto alinhado esquerda</H2>
<a href="pagina_tal.html">Clic aqui</a> - Note que aps o nome da pgina colocado a extenso .html
LISTAS:
Nesta pgina j existem vrias listas. Logo abaixo j tem outra lista com os nomes: 1. Listas Ordenadas 2. Listas sem ordenao 3. Listas Encadeadas Exemplos: A lista acima (Ordenada) foi feita com os seguintes cdigos: <OL> <LI> <LI> <LI> </OL> Os nmeros so inseridos automaticamente. Se voc quiser trocar os nmeros por letras, Ex.: A, B, C. ao invs de usar s <OL>
use <OL START=1 TYPE=A> - Onde "1" indica para comear pela primeira letra do alfabeto. Lista Sem Ordenao: <UL> <LI> <LI> <LI> </UL> Resultado:
Listas Encadeadas: <OL> <LI> <UL> <LI> <LI> </UL> <LI> </OL> Produz resultado misto.
1a.coluna 1a.linha
2a.coluna 1a.linha
3a.coluna 1a.linha
Para que a tabela fique centralizada, como acima, use a tag <CENTER> antes do cdigo e </CENTER> depois do cdigo. Tambm pode-se alinhar o texto dentro das clulas, utilizando os seguintes atributos: Align="left" -Alinha o texto esquerda. Align="right" -Alinha o texto direita. Align="center" -Alinha o texto no centro. Valign="top" -Alinha o texto no topo da clula. Valign="middle" -Alinha o texto no meio da clula. Valign="bottom" -Alinha o texto na parte inferior da clula. ADICIONANDO UMA LISTA DENTRO DA CLULA:
<TABLE BORDER="1" <TR> <TD>lista dentro da clula<UL> <LI>1 item<LI>2 item<LI>3 item</UL> </TD> </TABLE>Resultado:
1 item
2 item 3 item
</NOFRAME> </FRAMESET> <BODY> </BODY> </HTML> Copie o cdigo acima, cole no Bloco de Notas e salve como "index.html" depois d 2 cliques nesse arquivo para visualiz-lo aberto em seu browser. Exemplo 3: <HTML> <HEAD> <TITLE> Ttulo da pgina </TITLE> </HEAD> <FRAMESET ROWS="20%, 80%"> <FRAME SRC="pagina1.html"> <FRAME SRC="pagina2.html"> <NOFRAME> </NOFRAME> </FRAMESET> <BODY> </BODY> </HTML> Copie o cdigo acima, cole no Bloco de Notas e salve como "index.html" depois d 2 cliques nesse arquivo para visualiz-lo aberto em seu browser.
HEIGHT="200" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"</EMBED> </OBJECT> Note no cdigo acima que voc pode especificar o tamanho da imagem. Se voc no colocar os atributos "WIDTH e HEIGHT" a imagem ficar no tamanho original (tamanho que foi criada).
META TAGS :
Aps feito seu site, no basta apenas coloca-lo na internet somente com a tag ttulo, <TITLE> Ttulo da pgina</TITLE>, preciso que os buscadores, como o Google, Yahoo, etc "achem" o seu site, e outras informaes, por isso, voc deve inserir as METAS TAGS necessrias, entre <HEAD> e </HEAD> conforme abaixo: <META NAME="keywords" CONTENT="palavras chaves"> Note que onde est escrito "palavras chaves" voc deve colocar as palavras pelo qual os buscadores encontraro seu site quando procurado na pesquisa pelo Google, Yahoo, por exemplo. As palavras devero ser escritas em minsculas e separadas por uma vrgula e logo aps um espao. Ex.: "bonito, fotos, casamento, dicas, downloads, etc". <META NAME="Description" CONTENT="descrio do seu site"> Informe do que se trata seu site, coerente com o ttulo e as palavras chaves. Ex.: "Site bonito, com fotos de casamento, downloads e dicas". <META NAME="AUTHOR" CONTENT="seu nome"> Coloque seu nome, pois tico e fornece confiana ao site. <META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">Sendo: "index,follow" - Indexa a pgina inicial e todas as pginas nela indicadas. "noindex,follow" - No indexa a pgina inicial, mas indexa as pginas nela indicada. "index,nofollow" - Indexa a pgina inicial, mas no os links que ela indique. "noindex,nofollow" - No indexa nem a pgina inicial e nem os links. Se seu primeiro site, est aprendendo, use o primeiro exemplo "index,follow". Aconselho voc que fez um site com FRAMES usar "index,follow" somente na pgina que voc salvou como index.html, e nas outra pginas "noindex,nofollow" ou simplesmente no use essa tag nessas pginas. <META HTTP-EQUIV="CONTENT-LANGUAGE" CONTENT="pt"> Coloque em todas as pginas do site, instruindo os navegadores que seu site feito em lingua portugusa.
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0"> Indique que programa usou para fazer o site, FrontPage, Bloco de Notas, etc.
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=iso-8859-1">
Indica que voc escreveu normalmente seus textos nas pginas html (com acentuao, etc) sem usar caracteres especiais (ASCII), e a META TAG acima indica isto (palavras originarias do Latim). Existem outras Meta Tags que voc deve verificar:
Cliando aqui
Para ir outra pgina: Cdigo: <a href="nomedapagina.html#ancora">ir para ancora</a> Utilizando uma imagem como ncora: Cdigo: <a href="#ancora"><img src="imagem.jpg"></a>