Scribd Logo
Carica

Benvenuto in Scribd!

  • Site No Notepad

    Caricato da

    Lucas Bicske
    63 visualizzazioni10 pagine
    O documento fornece instruções básicas sobre como criar um site HTML, incluindo como inserir vídeos, música, imagens e links. Explica tags HTML fundamentais como <HTML>, <HEAD>, <TITLE>, <BODY> e atributos como cores, fontes e alinhamento.

    Descrizione originale:

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formati disponibili

    TXT, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    O documento fornece instruções básicas sobre como criar um site HTML, incluindo como inserir vídeos, música, imagens e links. Explica tags HTML fundamentais como <HTML>, <HEAD>, <TITLE>, <BODY> e atributos como cores, fontes e alinhamento.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato TXT, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    63 visualizzazioni10 pagine

    Site No Notepad

    Caricato da

    Lucas Bicske
    O documento fornece instruções básicas sobre como criar um site HTML, incluindo como inserir vídeos, música, imagens e links. Explica tags HTML fundamentais como <HTML>, <HEAD>, <TITLE>, <BODY> e atributos como cores, fontes e alinhamento.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato TXT, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 10

    O objetivo desta pgina ensinar os princpios bsicos para confeco de um site em HTML pa ra que voc possa fazer seu

    u primeiro site. Aqui voc aprender cdigos HTML e saber como inserir um vdeo, como inserir uma msica, co mo inserir um flash, Inserir imagens, Criar Links com imagens, Como fazer tabela s, Criar Links para e-mail, Criar ncora, Caixa de Texto, Meta-Tags, Letreiros e L inhas, Imagens de Fundo, Fazer Listas, Links para Downloads, Formatar Textos, Ta manho e Cores de Fonte, Cabealhos, Atributos de Body, enfim, ser sua iniciao para fa zer um site em HTML. Existem editores HTML que oferecem comodidade para confeco das pginas, tais como: F rontPage; Dreamweaver e outros. Mas no ser necessrio aprendendo os cdigos abaixo e v oc 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 tag s: Na medida do possvel irei acrescentando mais dicas para voc fazer um site bem lega l. 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 el a. Ir para o topo ATRIBUTOS DE <BODY> : Atravs de <BODY>, podemos definir cores dos textos, links e fundo das pginas, ou u ma 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: 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 ace ito 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 c ores, 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 defin ir 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 TAMANHO E CORES DAS LETRAS : Voc tambm pode usar a tag <FONT> para definir o tamanho, bem como sua cor e tipo d a 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>. Ir para o topo 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> Ir para o topo 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 aut omaticamente. Ir para o topo 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. Ir para o topo COMO INCLUIR IMAGENS NO SITE : 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 t amanho, a imagem aparecer no tamanho original. Voc pode especificar um tamanho men or 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 im agem. O correto voc ter a imagem do tamanho certo que deseja que aparea na pgina. Evite c olocar imagens maiores que 50 Kb. Quanto maior a imagem mais tempo lever para car regar. 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"> Ir para o topo 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 aci ma. Se voc clicar abrir o referido site em uma outra janela, isto , sem que voc saia des te site, isto porque foi adicionado o atributo "TARGET", ento na verdade, para vo c no fechar esta janela, o cdigo inserido aqui foi: <a href="http://www.extremaonline.com" target="_blank">Conhea Extrema-MG</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 Ir para o topo COMO FAZER IMAGEM COM LINK : simples fazer uma imagem ter um link. Ao invs de colocar o texto com a descrio do l ugar, 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 si te acima. Lembre-se: foi usado a target"_blank" para abrir em uma nova janela. Ir para o topo COMO FAZER LINKS PARA DOWNLOAD : Na verdade no existe o comando especfico. O que acontece que quando criamos um lin k para um arquivo que o navegador no reconhece, ele automaticamente inicia o down load, 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 downl oad, abrem com programas instalados no computador. Se voc fazer um link para um arquivo de vdeo ".avi" o navegador abrir o programa pa ra exibir esse vdeo. Para que isso no acontea, sempre compacte seus arquivos para d ownload no formato zip ou rar, por exemplo, tornando-os mais leves (menores) e d ownload ser mais rpido. Ir para o topo L I S T A S : Nesta pgina j existem vrias listas. Logo abaixo j tem outra lista com os nomes: Listas Ordenadas Listas sem ordenao 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 alfa beto. 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 COMO INSERIR IMAGEM DE FUNDO NO SEU SITE: Para voc colocar uma imagem de fundo no seu site s colocar um atributo dentro da T AG <BODY>, assim: <BODY BACKGROUND="nome da imagem+extenso">. Quando a imagem menor que o tamanho da tela, o navegador duplica essa imagem tan tas vezes forem necessrias para cobrir todo o espao da tela. Existem vrios tamanhos de telas. Lembre-se: imagens grandes demoram carregar. Ir para o topo 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</MARQ UEE> Resultado TEXTO 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="COMI C 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 alin hada Direita. Ou LEFT esquerda. Cor da Linha <HR SIZE=1 WIDTH=100% COLOR="RED"> Veja o resultado: Ir para o topo COMO FAZER TABELAS : As tabelas valorizam o Layout das pginas, pois do harmonia e organizao dos textos, i magens, listas, etc. A tabela representada pelas Tags <TABLE> e </TABLE> e possu e 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 porcent agem. height="valor" -Onde o "valor" define a altura da tabela em pixels ou em porcent agem. 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" CELLPADDIN G="6" WIDTH="50" HEIGHT="20" BGCOLOR="YELLOW" <TR> <TD> 1a.coluna </TD> <TD>2a.c oluna </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 2a.coluna 3a.coluna 1a.linha 1a.linha 1a.linha Para que a tabela fique centralizada, como acima, use a tag <CENTER> antes do cdi go 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 it em</UL> </TD> </TABLE>Resultado: lista dentro da clula 1 item 2 item 3 item Ir para o topo SITE COM FRAMES : Resume-se em mais de uma pgina em uma s tela. necessrio criar trs pginas para criar u ma pgina com dois frames, ou seja, uma pgina principal onde ter as tags referente a o 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.ht ml ocupar 80% (espao vertical). Copie o cdigo acima, cole no Bloco de Notas e salve como "index.html" depois d 2 c liques nesse arquivo para visualiz-lo aberto em seu browser. As tags <NOFRAME> e </NOFRAME> usado somente para avisar usurio que utiliza brows er muito antigo que a pgina contm frames, que no as conseguir visualizar (muito difci l 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 liques nesse arquivo para visualiz-lo 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 liques nesse arquivo para visualiz-lo Ir para o topo COMO INSERIR MSICA NO SITE:

    Notas e salve como "index.html" depois d 2 c aberto em seu browser.

    Notas e salve como "index.html" depois d 2 c aberto em seu browser.

    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 t er 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> Ir para o topo COMO INSERIR FLASH NO SITE: 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/c abs/ 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.c om/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). Ir para o topo COMO INSERIR VDEO NO SITE: Para inserir um vdeo (arquivo com extenso .avi), como abaixo, coloque este cdigo de pois da tag <BODY>: <EMBED SRC="arquivo.avi" </EMBED>

    Note que est no tamanho reduzido, pois foi utilizado "WIDTH e HEIGHT", mas no prec iso, pois o tamanho padro, a menos que lhe seja til. 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, e tc "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, Yaho o, por exemplo. As palavras devero ser escritas em minsculas e separadas por uma vr gula 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 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 program as 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 Ir para o topo COMO FAZER UMA CAIXA DE TEXTO :

    Cdigo:<textarea rows="5" cols="50" style="background-color: #ffffff">ESCREVA AQUI O SEU TEXTO</textarea> Fica assim: Ir para o topo COMO FAZER UMA NCORA : Repare que ao clicar ir para ncora voc foi redirecionado outro ponto desta pgina. I sto 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>

    Desde que escrevi sobre o ebook Caindo na Real da 37Signals, estava com vontade de escrever sobre sites simples que uso quase todos os dias. Eu os escolhi porque a simplicidade os torna grandes sites. L vai: Drop.io um site de troca de arquivos privados. Coloque senha, ou no, e possui um a rea administrativa. Ele tambm converte os arquivos e d pra baixar todos ao mesmo

    tempo, pois ele compacta tudo em um .zip. Picamatic no um site porn gay. Faa upload de vrias imagens ao mesmo tempo e no precis a recarregar a pgina. Muxtape. Grave uma fita virtual com seus Mp3s favoritos. Seus amigos e voc podem escut-la facilmente pelo site. Possui atalhos no teclado para facilitar sua vida. Down For Everyone or Just me? Digite um site que acha que est off e ele informa s e est ou no. DropBoks o disco virtual mais prtico que existe! Cameroid. Tire fotos loucas (ou no) com sua webcam. Musicovery. Indique o tipo de msica que gosta e ele vai tocando. Dark Copy um editor de textos que pode ser colocado em tela cheia para evitar di straes. similiciou.us te mostra sites parecidos com o que voc indicar. No um espetculo, mas d pra brincar. Que site voc colocaria aqui? =D

    Potrebbero piacerti anche