Scribd Logo
Unggah

Selamat datang di Scribd!

  • Tutorial Códigos HTML

    Diunggah oleh

    flavioarruda4571
    13 tayangan12 halaman

    Judul Asli

    TUTORIAL CÓDIGOS HTML

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    13 tayangan12 halaman

    Tutorial Códigos HTML

    Diunggah oleh

    flavioarruda4571

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 12

    CDIGOS HTML PARA FAZER UM SITE Power by Testinha Loko

    INTRODUO AO HTML - COMO FAZER UM SITE


    O objetivo desta pgina ensinar os princpios bsicos para confeco de um site em HTML para que voc possa fazer seu primeiro site. Aqui voc aprender cdigos HTML e saber como inserir um vdeo, como inserir uma msica, como inserir um flash, Inserir imagens, Criar Links com imagens, Como fazer tabelas, Criar Links para e-mail, Criar ncora, Caixa de Texto, Meta-Tags, Letreiros e Linhas, Imagens de Fundo, Fazer Listas, Links para Downloads, Formatar Textos, Tamanho e Cores de Fonte, Cabealhos, Atributos de Body, enfim, ser sua iniciao para fazer um site em HTML. Existem editores HTML que oferecem comodidade para confeco das pginas, tais como: FrontPage; Dreamweaver e outros. Mas no ser necessrio aprendendo os cdigos abaixo e voc poder fazer no Word ou Bloco de Notas e salvar como .html. Toda pgina composta por Tags, que so os comandos html. Toda pgina deve comerar com a tag <HTML> e terminar com </HTML>. Note que a barra "/" determina o fechamento da tag. Estas so as Tags fundamentais de sua pgina, isto , toda pgina contm estas tags: Na medida do possvel irei acrescentando mais dicas para voc fazer um site bem legal. 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.

    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.

    CORES:
    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 Acesse: http://www.extremaonline.com/tabela_cores.html

    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>

    TAMANHO E CORES DAS LETRAS :


    Voc tambm pode usar a tag <FONT> para definir o tamanho, bem como sua cor e tipo da fonte. <FONT FACE> - Define o tipo de letra <FONT COLOR> - Define a cor da letra <FONT SIZE> - Define o tamanho da letra Veja abaixo alguns exemplos: <FONT FACE="ARIAL" SIZE="1" COLOR="RED">Fica assim</FONT> <FONT FACE="ARIAL" SIZE="2" COLOR="BLUE">Fica assim</FONT> <FONT FACE="ARIAL" SIZE="3" COLOR="BLACK">Fica assim</FONT>

    <FONT FACE="TIMES" SIZE="5" COLOR="BLUE">Fica assim</FONT> * Note que voc define com mais preciso o tamanho das letras do que a tag <H>.

    COMO FORMATAR OS TEXTOS :


    Formatando o texto em Negrito, Itlico, Sublinhado e Centralizado. TAGS: <B> - Negrito, <U> - Sublinhado, <I> - Itlico e <CENTER> - Centralizado <B>Texto em Negrito</B> <U>Texto Sublinhado</U> <I>Texto em Itlico</I> <STRIKE> ou <S> Texto Riscado assim <SUB> Como em H2O - O nmero 2 ficou em baixo. <SUP> Como em Km2 - O nmero 2 ficou em cima. <CENTER>Texto Centralizado</CENTER> Voc tambm pode acumular os efeitos, agrupando os cdigos Ex.: <CENTER><B><U><I>O texto fica assim</B></U></I></CENTER>

    COMO FAZER PARGRAFOS E LINHAS :


    No basta voc teclar ENTER para que a linha v para baixo. Voc ter que colocar uma TAG para um pargrafo ou para uma nova linha. Para pargrafo usar a TAG <P> e para linha usar <BR> Exemplo: <P> Primeiro Pargrafo <BR> Primeira Linha

    <P> Segundo Pargrafo <BR> Segunda Linha Note que cada vez que voc coloca a TAG <BR> estar fazendo uma nova linha, que tambm no deixa de ser um pargrafo. Se voc escrever sem usar as tags <BR> ou <P> o prprio browser quebra as linhas automaticamente.

    ALINHAMENTO COM A TAG <P> :


    Para alinhar os pargrafos basta incluir depois do "P" o parmetro "align + tipo de alinhamento", conforme abaixo: <P ALIGN="LEFT"> Texto alinhado esquerda. <P ALIGN="RIGHT"> Texto alinhado direita. <P ALIGN="CENTER"> Texto centralizado. <P ALIGN="JUSTIFY"> Texto justificado.

    COMO INCLUIR IMAGENS :


    A TAG utilizada : <img src="nome da imagem+extenso"(gif,jpg,bmp,etc)> Atributos da Imagem: WIDTH - Define a largura da imagem. HEIGHT - Define a altura da imagem. ALT - Texto que aparece quando passado o mouse sobre a imagem BORDER - um valor atribuido largura da borda da imagem (Contorno). Veja alguns exemplos: <img src="zero.gif" alt="Seu texto" border="0"> <img src="zero.gif" alt="Seu texto" border="1"> <img src="zero.gif" alt="Seu texto" border="2" width="20" height="20"> Note que no ultimo exemplo especificamos o tamanho da imagem. No definindo este tamanho, a imagem aparecer no tamanho original. Voc pode especificar um tamanho menor do que a original, pois no acarretar perda de qualidade da imagem, mas se fizer ao contrrio, isto , definir um tamanho maior que a original perder qualidade de imagem. O correto voc ter a imagem do tamanho certo que deseja que aparea na pgina. Evite colocar imagens maiores que 50 Kb. Quanto maior a imagem mais tempo lever para carregar. Alinhamento texto de imagens: <img src="zero.gif" align="top"> <img src="zero.gif" align="middle"> <img src="zero.gif" align="left"> <img src="zero.gif" align="right"> H tambm os atributos de moldura, que definem o espao vertical e horizontal entre as imagens e os textos circundantes, onde: <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">

    COMO FAZER OS LINKS :


    Links so pontos clicveis que levam a qualquer site da internet ou qualquer pgina do site e at mesmo qualquer ponto da prpria pgina. A TAG usada : <a href="nome do lugar ser levado">descrio do lugar</a> Exemplos <a href="http://www.extremaonline.com">Conhea Extrema-MG</a> Resultado: Conhea Extrema-MG Note que formou-se um link para um determinado site que foi descrito no cdigo acima. Se voc clicar abrir o referido site em uma outra janela, isto , sem que voc saia deste site, isto porque foi adicionado o atributo "TARGET", ento na verdade, para voc no fechar esta janela, o cdigo inserido aqui foi: <a href="http://www.extremaonline.com" target="_blank">Conhea ExtremaMG</a>Para fazer um link para uma outra pgina do seu site use: <a href="pagina_tal.html">Clic aqui</a> - Note que aps o nome da pgina colocado a extenso .html

    COMO FAZER IMAGEM COM LINK :


    simples fazer uma imagem ter um link. Ao invs de colocar o texto com a descrio do lugar, coloque a TAG de imagem. Veja o exemplo: <a href="http://www.extremaonline.com"><IMG SRC="local, nome da imagem + extenso"></a> Sendo que: http://www.extremaonline.com o URL (endereo) do site. local caso voc tenha armazenado suas imagens em uma pasta. Ex. Pasta "Imagens". nome da imagem + extenso Exemplo: minhafoto.jpg ou barra.gif Veja o exemplo abaixo, note que formou um link na figura e o levar ao referido site acima. Lembre-se: foi usado a target"_blank" para abrir em uma nova janela.

    COMO FAZER LINKS PARA DOWNLOAD :


    Na verdade no existe o comando especfico. O que acontece que quando criamos um link para um arquivo que o navegador no reconhece, ele automaticamente inicia o download, por exemplo, o navegador no reconhece os arquivos com extenso ZIP, EXE, RAR, etc., nestes casos ele inicia o download. Veja exemplos:

    <a href="arquivo.rar">Clic aqui para baixar</a> <a href="pasta_tal/arquivo.zip">Clic aqui para baixar</a> Certas extenses de arquivos fazem com que os navegadores, em vez de fazer o download, abrem com programas instalados no computador. Se voc fazer um link para um arquivo de vdeo ".avi" o navegador abrir o programa para exibir esse vdeo. Para que isso no acontea, sempre compacte seus arquivos para download no formato zip ou rar, por exemplo, tornando-os mais leves (menores) e download ser mais rpido.

    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.

    COMO INSERIR IMAGEM DE FUNDO :


    Para voc colocar uma imagem de fundo no seu site s colocar um atributo dentro da TAG <BODY>, assim: <BODY BACKGROUND="nome da imagem+extenso">. Quando a imagem menor que o tamanho da tela, o navegador duplica essa imagem tantas vezes forem necessrias para cobrir todo o espao da tela. Existem vrios tamanhos de telas. Lembre-se: imagens grandes demoram carregar.

    COMO FAZER LETREIROS E LINHAS :


    Para colocar um letreiro na pgina utilizado a TAG <MARQUEE>Veja o cdigo: <MARQUEE BEHAVIOR=SCROLL DIRECTION="RIGHT" BGCOLOR="YELLOW"WIDTH=50%>TEXTO</MARQUEE> Resultado

    Onde: DIRECTION= indica a direo "LEFT" ou "RIGHT". BGCOLOR= indica a cor de fundo do letreiro. WIDTH= indica a porcentagem que o letreiro ocupar sua pgina. Dica: Se voc quiser que o texto pare no final, ao invs de SCROLL escreva SLIDE. Outro exemplo: <MARQUEE DIRECTION="RIGHT"> <FONT SIZE="3" COLOR="RED" FACE="COMIC SANS MS">texto</FONT></MARQUEE> LINHAS Para inserir uma linha basta colocar a TAG <HR>. No preciso fechar "</HR>". Atributos da Linha Voc pode definir a largura, cor e alinhamento. <HR SIZE=10> - Insere uma linha de largura 10 pixels. <HR WIDTH=50%> - Insere uma linha que ocupa 50% do espao em tela. <HR WIDTH=50% ALIGN=RIGHT> - Insere uma linha que ocupa 50% do espao em tela alinhada Direita. Ou LEFT esquerda. Cor da Linha <HR SIZE=1 WIDTH=100% COLOR="RED"> Veja o resultado:

    COMO FAZER TABELAS :


    As tabelas valorizam o Layout das pginas, pois do harmonia e organizao dos textos, imagens, listas, etc. A tabela representada pelas Tags <TABLE> e </TABLE> e possue os seguintes atributos: border="valor" -Onde o "valor" define a largura da borda (contorno). cellspacing="valor" -Onde o "valor" define o espao horizontal entre as clulas. cellpadding="valor" -Onde o "valor" define o espao vertical entre as clulas. width="valor" -Onde o "valor" define a largura da tabela em pixels ou em porcentagem. height="valor" -Onde o "valor" define a altura da tabela em pixels ou em porcentagem. bgcolor="#cor" -Define a cor de fundo da tabela. bordercolor="#cor" -Define a cor da borda. background="imagem.jpg" -Define uma imagem de fundo. A tabela possui alguns comandos que so: <TR> e </TR> -Define uma linha da tabela. <TH> e </TH> -Define um cabealho da tabela. <TD> e </TD> -Define a coluna de informaes. <CAPTION> e </CAPTION> -Define o ttulo da tabela. Veja um exemplo: <TABLE BORDER="2" BORDERCOLOR="RED" CELLSPACING="10" CELLPADDING="6" WIDTH="50" HEIGHT="20" BGCOLOR="YELLOW" <TR> <TD> 1a.coluna </TD> <TD>2a.coluna </TD> <TD> 3a.coluna </TD> </TR> <TR> <TD> 1a.linha </TD> <TD> 1a.linha </TD><TD> 1a.linha </TD> </TABLE> </BR> Voc pode colocar o cdigo acima em apenas uma linha. Resultado:

    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:

    lista dentro da clula Lista dentro da clula


    1 item 2 item 3 item

    SITE COM FRAMES :


    Resume-se em mais de uma pgina em uma s tela. necessrio criar trs pginas para criar uma pgina com dois frames, ou seja, uma pgina principal onde ter as tags referente ao frame que dever ser salva como: index.html e as outras duas sero abertas dentro desta 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.

    COMO INSERIR MSICA :

    Para inserir uma msica em sua pgina, antes de fechar a tag <HEAD> coloque a tag: <BGSOUND SRC="musica.mid">.A Extenso do arquivo pode ser .mid ou .wav. Para que a msica toque novamente, sempre, acrescente: loop="-1" Assim: <BGSOUND SRC="musica.mid" loop="-1"> No exemplo acima a msica tocar sem que aparea o "display" na tela. O internauta no ter como parar, pausar ou iniciar. Para que aparea o display na tela, como voc v abaixo, coloque est tag: <EMBED SRC="musica.mid" AUTOSTART="FALSE" LOOP="TRUE"> * Note que voc ter que acionar PLAY para iniciar a msica. Para que abra a pgina j tocando a msica, coloque este cdigo: <EMBED SRC="musica.mid" AUTOSTART= LOOP="TRUE"> * Voc ainda pode definir o tamanho do display, assim:
    <EMBED SRC="musica.mid" AUTOSTART= LOOP="TRUE" WIDTH=145 HEIGHT=25>

    COMO INSERIR FLASH :


    Para inserir um flash (arquivo com extenso .swf), como abaixo, coloque este cdigo depois da tag <BODY>: <OBJECT CLASSID="FLASH" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=6,0,0,0 "> <EMBED SRC="arquivo.swf" WIDTH="200" 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).

    COMO INSERIR VDEO :


    Para inserir um vdeo (arquivo com extenso .avi), como abaixo, coloque este cdigo depois da tag <BODY>: <EMBED SRC="arquivo.avi" </EMBED> Note que est no tamanho reduzido, pois foi utilizado "WIDTH e HEIGHT", mas no preciso, pois o tamanho padro, a menos que lhe seja til.

    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). Existe outras META TAGS, mas as principais e necessrias esto aqui.

    COMO FAZER UM LINK PARA ENVIAR E-MAIL :


    Cdigo:<a href="mailto:seuemail@provedor.com.br">Clic Aqui</a> Note que ao ser clicado no link (Clic Aqui), abrir o programa que est instalado no computador, exemplo: Outlook, Incredimail, etc. Porm nem todos tem esses programas instalados, vo buscar seus e-mails diretamente nos sites, motivo pelo qual voc deve sempre deixar visvel seu endereo de e-mail, como abaixo: Meu e-mail : fulano@provedor.com.br se preferir, Clic Aqui

    COMO FAZER UMA CAIXA DE TEXTO :


    Cdigo:<textarea rows="5" cols="50" style="background-color: #ffffff">ESCREVA AQUI O SEU TEXTO</textarea> Fica assim:
    Escreva Seu Texto Aqui

    COMO FAZER UMA NCORA :


    Repare que ao clicar ir para ncora voc foi redirecionado outro ponto desta pgina. Isto chamado "NCORA". Voc pode redirecionar o usurio para qualquer ponto de sua pgina ou para outro ponto de outra pgina. 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>
    Power by Lestinha Loko

    Anda mungkin juga menyukai