ITENS BSICO EM HTML: <HTML> <HEAD> <TITLE> Ttulo da pgina </TITLE> </HEAD> <BODY> Texto; Imagens; Links; etc </BODY> </HTML> As 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. Ir para o topo
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. Ir para o topo
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 Ir para o topo
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> Ir para o topo
Fica assim
<IMG SRC="imagem.gif" VSPACE=espao vertical> <IMG SRC="imagem.gif" HSPACE=espao horizontal> Ex.: <IMG SRC="imagem.gif" ALIGN="LEFT" WIDTH="10" HEIGHT="10" VSPACE="50"> <IMG SRC="imagem.gif" ALIGN="RIGHT" WIDTH="10" HEIGHT="10" HSPACE="30"> Ir para o topo
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: Primeiro item. Segundo item. Terceiro item. As "bolinhas" so inseridas automaticamente.
Listas Encadeadas: <OL> <LI> <UL> <LI> <LI> </UL> <LI> </OL> Produz resultado misto. Ir para o topo
Ir para o topo
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:
Ir para o topo
pgina principal. Exemplo: <HTML> <HEAD> <TITLE> Ttulo da pgina </TITLE> </HEAD> <FRAMESET COLS="20%, 80%"> <FRAME SRC="pagina1.html"> <FRAME SRC="pagina2.html"> <NOFRAME> </NOFRAME> </FRAMESET> <BODY> </BODY> </HTML> Os cdigos acima s sero colocados na pgina principal que ser salva como "index.html". Normalmente nesse tipo de frame a pgina1.html usada para os menus e a pgina2.html para contedo geral do site. Neste caso <FRAMESET COLS="20%, 80%"> o atributo COLS divide as colunas ou seja, 20% do lado esquerdo e 80% do lado direito da pgina. Sempre da esquerda para direita. Ento a pgina1.html ocupar 20% do espao e a pgina2.html ocupar 80% (espao vertical). 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. As tags <NOFRAME> e </NOFRAME> usado somente para avisar usurio que utiliza browser muito antigo que a pgina contm frames, que no as conseguir visualizar (muito difcil acontecer). Exemplo 2: <HTML> <HEAD> <TITLE> Ttulo da pgina </TITLE> </HEAD> <FRAMESET COLS="20%, 80%"> <FRAME SRC="pagina1.html"> <FRAMESET ROWS="20%, 80%"> <FRAME SRC="pagina3.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. 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. Ir para o topo
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
Ir para o topo
Ir para o topo
O cdigo de destino, isto , o ponto de chegada ao ser clicado : Cdigo:<a name="ancora"> E o cdigo do comando "ir para" : Cdigo:<a href="#ancora">ir para ancora</a> Voc pode criar vrios pontos, como: <a name="ancora2"> e <a href="#ancora2">ir para ancora2</a> Para fazer o usurio "Ir para o topo" no necessrio uma ncora como acima, tem um cdigo especial para isto: Cdigo: <a href="#top">Ir para o topo</a> 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> Ir para o topo
OUTRAS DICAS: Aps fazer seu site, veja Como colocar o site na Internet
D uma espiadinha em nossa pgina como ganhar dinheiro e tire idias para voc. Esta pgina poder lhe ser til para fazer seu site Como abrir conta no Paypal. Voc tambm pode ganhar dinheiro com seu site em programas de Afiliados. Como?: Quantidade a alma do negcio. Consulte Clicando Aqui Veja dica abaixo:
Dica: Aps o cadastro aguarde 1 dia. Depois v no login e clic em "esqueci minha senha" para obter o cdigo, somente se voc no conseguir obter o cdigo na hora. Se quiser saber do que se trata Clic aqui
S indico este, porque garanto que funciona, no conheo outro melhor. muito bom. Veja o concurso que este Site est fazendo.
<BGSOUND SRC="01 - Nothing Else Matters.WAV" LOOP="-1"><META NAME="keywords" CONTENT="NOTHING ELSE MATTERS"></HEAD>