API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 19th, 2015
222
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 37.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>Dicas de HTML &gt; CódigoFonte.net</title>
  5.     <meta name="norton-safeweb-site-verification" content="xf67-irqad374upudz8ablyxkm0zkukg9364yyhh2az1m-hgcuhoj8mrpa2u4n-9masi9k656xmt39i4m6ys-fsmxfxfyt9bzncb2hh2uff6yvnb86pm6yxqovyjh09j" />
  6.     <meta name="verify-v1" content="r7TD/XaSuXmZOQa3faV5hAC29O7ls0YFcFOm4GSsHqk=" />
  7.     <meta name="msvalidate.01" content="1FAB2A2FC8543E8F1737981ED1FD8310" />
  8.     <meta name="Identifier-URL" content="https://www.codigofonte.net/dicas/html" />
  9.     <meta name="description" content="Veja dicas e artigos de HTML. Conheça e aprenda mais HTML." />
  10.     <meta name="keywords" content="dicas, artigos, dicas de HTML, artigos de HTML, tutorias, turorias de HTML" />
  11.    
  12.     <meta property="fb:page_id" content="169891109719551"/>
  13.     <meta property="fb:admins" content="1508196105"/>
  14.    
  15.     <meta property="og:site_name" content="CódigoFonte.net"/>
  16.     <meta property="og:title" content="Dicas de HTML &gt; CódigoFonte.net"/>
  17.     <meta property="og:image" content="https://www.codigofonte.net/img/facebook-logoico.png"/>
  18.    
  19.         <meta property="og:type" content="article"/>
  20.        
  21.     <meta property="og:url" content="https://www.codigofonte.net/dicas/html"/>
  22.     <meta property="og:description" content="Veja dicas e artigos de HTML. Conheça e aprenda mais HTML." />
  23.    
  24.     <link href="https://static.codigofonte.net/_resources/css/base.css" rel="stylesheet" media="Screen" type="text/css" />
  25.     <link href="https://static.codigofonte.net/_resources/css/estilo.css" rel="stylesheet" media="Screen" type="text/css" />   
  26.         <link rel="shortcut icon" href="https://www.codigofonte.net/favicon.ico" type="image/x-icon" />
  27.  
  28.     <script language="javascript" type="text/javascript" src="https://static.codigofonte.net/_resources/javascript/jquery.js"></script>
  29.     <script language="javascript" type="text/javascript" src="https://static.codigofonte.net/_resources/javascript/jquery.codigofonte.ui.js"></script>
  30.    
  31.         <link rel="alternate" type="application/rss+xml" title="Novidades de CódigoFonte.net  &gt; Dicas de HTML" href="https://www.codigofonte.net/rss/dicas/html" />
  32.        
  33.    
  34. <script type='text/javascript'>
  35.  var _ttq = _ttq || [];
  36.  _ttq.push(['_setAccount', 'TT-9510-9']);
  37.  (function() {
  38.  var ts = document.createElement('script'); ts.type = 'text/javascript'; ts.async = true;
  39.  ts.src =  ('https:' == document.location.protocol ? 'https://' : 'http://') + 'd.tailtarget.com/base.js';
  40.  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ts, s);
  41.  })();
  42. </script>
  43.    
  44.    
  45. </head>
  46. <body bgcolor="#e3f4ea">
  47.  
  48. <!-- <div style="background: url(http://barra.uolhost.com.br/img/uolhost/uolhost_barra_bg.gif); width: 778px;">
  49.     <script src="http://barra.uolhost.com.br/bpv2_m2.js"></script>
  50.     <noscript><div>UOL HOST: <a href="http://www.uolhost.com.br/hospedagem-de-sites.html">Hospedagem</a> de sites,
  51.         <a href="http://www.uolhost.com.br/loja-virtual/">Loja Virtual</a>,
  52.         <a href="http://www.uolhost.com.br/registro-de-dominio.html">Registro de domínios</a></div>
  53.     </noscript>
  54. </div> -->
  55.  
  56. <div style="width: 778px;">
  57. <script type="text/javascript" src="https://sbarra.r7.com/bariso-ssl.js"></script>
  58. </div>
  59.    
  60. <div id="containerTotal">  
  61.    
  62. <!-- container mãe -->
  63. <div id="containerMae">
  64.  
  65.         <!-- inicio topo -->
  66.         <div id="topo">
  67.             <div class="logo"><a href="https://www.codigofonte.net"><img src="https://static.codigofonte.net/img/topo_n.jpg" alt="CódigoFonte.net - Porque todo desenvolvedor precisa de um." /></a></div>
  68.             <div class="barra">
  69.                 <ul>
  70.                     <li class="nop"><img alt='CódigoFonte.net' src="https://static.codigofonte.net/img/bar1.gif" /></li>
  71.                     <li class="nop"><a href='https://www.codigofonte.net'><img alt='CódigoFonte.net' src="https://static.codigofonte.net/img/barcod.gif" /></a></li>
  72.                     <li><a href="https://www.codigofonte.net/sobre">Sobre</a></li>
  73.                     <li class="nop"><img alt='CódigoFonte.net' src="https://static.codigofonte.net/img/bar2.gif" /></li>
  74.                    
  75.                     <li><a href="https://www.codigofonte.net/fale-conosco">Anuncie</a></li>
  76.                     <li class="nop"><img alt='CódigoFonte.net' src="https://static.codigofonte.net/img/bar2.gif" /></li>
  77.                     <li><a href="https://www.codigofonte.net/busca">Buscar códigos</a></li>
  78.                     <li class="nop"><img alt='CódigoFonte.net' src="https://static.codigofonte.net/img/bar2.gif" /></li>
  79.                     <li><a href="https://www.codigofonte.net/politica-de-privacidade">Privacidade</a></li>
  80.                     <li class="nop"><img alt='CódigoFonte.net' src="https://static.codigofonte.net/img/bar2.gif" /></li>
  81.                     <li><a href="https://www.codigofonte.net/fale-conosco">Fale conosco</a></li>
  82.                     <li class="nop"><img alt='CódigoFonte.net' src="https://static.codigofonte.net/img/bar2.gif" /></li>
  83.                 </ul>                      
  84.                 <div class="info">
  85.                     Olá! Sunday, 19 de April de 2015.
  86.                 </div>
  87.             </div>
  88.         </div>             
  89.        
  90.         <!-- fim topo -->
  91.         <br />
  92.        
  93.          <!-- <iframe id='af88268c' name='af88268c' src='http://banner.codigofonte.net/ads/www/delivery/afr.php?zoneid=3&amp;cb=3' framespacing='0' frameborder='no' scrolling='no' width='728' height='90'><a href='http://banner.codigofonte.net/ads/www/delivery/ck.php?n=a1a071f2&amp;cb=3' target='_blank'><img src='http://banner.codigofonte.net/ads/www/delivery/avw.php?zoneid=3&amp;cb=3&amp;n=a1a071f2' border='0' alt='' /></a></iframe>  -->
  94.         <div style="text-align: center; width: 778px">
  95.         <!-- google ads-->
  96.  
  97. <!-- <script type="text/JavaScript" language="JavaScript">
  98. var ADM_webcode = 25664;
  99. document.write("<scr"+"ipt src='http://nspmotion.com/js/brasil/adm_600.js' type='text/JavaScr"+"ipt'></scr"+"ipt>");
  100. </script> -->
  101.  
  102.  
  103. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  104. <!-- Topo Site -->
  105. <ins class="adsbygoogle"
  106.     style="display:inline-block;width:728px;height:90px"
  107.     data-ad-client="ca-pub-7370497222948708"
  108.     data-ad-slot="2593682884"></ins>
  109. <script>
  110. (adsbygoogle = window.adsbygoogle || []).push({});
  111. </script>
  112.  
  113.  
  114. <!--/* OpenX iFrame Tag v2.8.9 */-->
  115.  
  116.  
  117. <!-- <iframe framespacing='0' frameborder='no' scrolling='no' width='728' height='90' src="http://www.codigofonte.net/parceiros/wix/anuncio.php"></iframe> -->
  118.  
  119. <br />
  120. <script type="text/javascript"><!--
  121. google_ad_client = "ca-pub-7370497222948708";
  122. /* Links do topo */
  123. google_ad_slot = "0342511949";
  124. google_ad_width = 728;
  125. google_ad_height = 15;
  126. //-->
  127. </script>
  128. <script type="text/javascript"
  129. src="//pagead2.googlesyndication.com/pagead/show_ads.js">
  130. </script>
  131.  
  132. <!-- /google ads-->
  133.         </div>
  134.                
  135.         <div id="containerPrincipal">
  136.  
  137.             <!-- esquerda -->
  138.             <div id="esquerda">
  139.                 <!-- inicio tabela menu -->            
  140.                 <div class="windowBloco windowMenu">
  141.                     <div class="cabecalho">
  142.                         <div class="cantoEsq"></div>
  143.                         <div class="cantoDir"></div>
  144.                     </div>
  145.                     <div class="conteudoWindow">
  146.                    
  147.                         <ul>
  148.                             <li class="nivel1">Códigos
  149.                                 <ul>                                               
  150.                                     <li><a title="Códigos de ASP.NET" href="https://www.codigofonte.net/scripts/aspnet">ASP.NET</a></li>
  151.                                     <li><a title="Códigos de ASP" href="https://www.codigofonte.net/scripts/asp">ASP</a></li>
  152.                                     <li><a title="Códigos de Cold Fusion" href="https://www.codigofonte.net/scripts/cfml">Cold Fusion</a></li>
  153.                                     <li><a title="Códigos de CGI" href="https://www.codigofonte.net/scripts/cgi">CGI</a></li>
  154.                                     <li><a title="Códigos de C#" href="https://www.codigofonte.net/scripts/csharp">C#</a></li>
  155.                                     <li><a title="Códigos de JavaScript" href="https://www.codigofonte.net/scripts/javascript">JavaScript</a></li>
  156.                                     <li><a title="Códigos de Delphi" href="https://www.codigofonte.net/scripts/delphi">Delphi</a></li>
  157.                                     <li><a title="Códigos de PHP" href="https://www.codigofonte.net/scripts/php">PHP</a></li>
  158.                                     <li><a title="Códigos de VB.NET" href="https://www.codigofonte.net/scripts/vbnet">VB.NET</a></li>
  159.                                     <li><a title="Códigos de VBScript" href="https://www.codigofonte.net/scripts/vbscript">VBScript</a></li>
  160.                                     <li><a title="Códigos de XML" href="https://www.codigofonte.net/scripts/xml">XML</a></li>                                         
  161.                                 </ul>
  162.                             </li>                                                                          
  163.                            
  164.                             <li class="nivel2">Assistentes
  165.                             <ul>
  166.                                     <li><a title="Crie um link para adicionar o favoritos de seu site no navegador de seu visitante" href="https://www.codigofonte.net/assistentes/2_linkfavs">Favoritos</a></li>                                              
  167.                                     <li><a title="Bloqueie o uso do botão direito do mouse" href="https://www.codigofonte.net/assistentes/7_botaodireito">Botão Direito</a></li>
  168.                                     <li><a title="Crie caixas de confirmação para, por exemplo, perguntar se o usuário deseja acessar sua página" href="https://www.codigofonte.net/assistentes/4_cxsconfirm">Confirm Box</a></li>
  169.                                     <li><a title="Coloque a data atual do seu computador em seu site" href="https://www.codigofonte.net/assistentes/3_data">Datas</a></li>
  170.                                     <li><a title="Crie caixas de alerta para seus visitantes" href="https://www.codigofonte.net/assistentes/5_cxsalerta">Caixa de Alerta</a></li>
  171.                                     <li><a title="Aplique efeitos de transição em suas páginas" href="https://www.codigofonte.net/assistentes/8_transicao">Transições</a></li>
  172.                                     <li><a title="Consulte a tabela de cores em hexadecimal e efeite seu site" href="https://www.codigofonte.net/assistentes/6_cores">Cores em Hexa</a></li>
  173.                                     <li><a title="Crie links formatados de acordo com a sua preferência" href="https://www.codigofonte.net/assistentes/1_syslinks">Links</a></li>
  174.                                     <li><a title="Veja nossos outros assistentes" href="https://www.codigofonte.net/assistentes">Outros</a></li>                                           
  175.                                 </ul>
  176.                             </li>  
  177.  
  178.                             <li class="nivel3">Artigos/Dicas
  179.                                 <ul>
  180.                                     <li><a title="Dicas de ASP" href="https://www.codigofonte.net/dicas/asp">ASP</a></li>
  181.                                     <li><a title="Dicas de Banco de Dados" href="https://www.codigofonte.net/dicas/bancodedados">Banco de Dados</a></li>
  182.                                     <li><a title="Dicas de Blogs" href="https://www.codigofonte.net/dicas/blog">Blogs</a></li>
  183.                                     <li><a title="Dicas de CGI/Perl" href="https://www.codigofonte.net/dicas/cgi-perl">CGI/Perl</a></li>
  184.                                     <li><a title="Dicas de C#" href="https://www.codigofonte.net/dicas/csharp">C# (CSharp)</a></li>
  185.                                     <li><a title="Dicas de CSS" href="https://www.codigofonte.net/dicas/css">CSS</a></li>
  186.                                     <li><a title="Dicas de Delphi" href="https://www.codigofonte.net/dicas/delphi">Delphi</a></li>
  187.                                     <li><a title="Dicas de .NET" href="https://www.codigofonte.net/dicas/dotnet">.NET</a></li>
  188.                                     <li><a title="Dicas de Flash" href="https://www.codigofonte.net/dicas/flash">Flash</a></li>
  189.                                     <li><a title="Dicas de Front-Page" href="https://www.codigofonte.net/dicas/front-page">Front-Page</a></li>
  190.                                     <li><a title="Dicas de HTML" href="https://www.codigofonte.net/dicas/html">HTML</a></li>
  191.                                     <li><a title="Dicas de JavaScript" href="https://www.codigofonte.net/dicas/javascript">JavaScript</a></li>
  192.                                     <li><a title="Dicas de PHP" href="https://www.codigofonte.net/dicas/php">PHP</a></li>
  193.                                     <li><a title="Dicas de Python" href="https://www.codigofonte.net/dicas/python">Python</a></li>
  194.                                     <li><a title="Dicas de Web" href="https://www.codigofonte.net/dicas/web">Web</a></li>
  195.                                     <li><a title="Dicas de Web 2.0" href="https://www.codigofonte.net/dicas/web2">Web 2.0</a></li>
  196.                                     <li><a title="Dicas de Windows" href="https://www.codigofonte.net/dicas/windows">Windows</a></li>                                          
  197.                                 </ul>
  198.                             </li>  
  199.                            
  200.                             <li class="nivel4">Widgets
  201.                                 <ul>
  202.                                     <li><a title="Coloque um Mural de Recados em seu site, de gratis!" href="https://www.codigofonte.net/widgets/mural-de-recados">Mural de Recados</a></li>
  203.                                     <li><a title="Que tal saber as estatísticas de visita de seu site? Coloque um contador de visitas" href="https://www.codigofonte.net/widgets/contador-de-visitas">Contadores</a></li>
  204.                                     <li><a title="Acompanhe as estatísticas de cliques em seus links!" href="https://www.codigofonte.net/widgets/contador-de-cliques">Conta Cliques</a></li>                                  
  205.                                 </ul>
  206.                             </li>  
  207.                            
  208.                             <li class="nivel4">Serviços
  209.                                 <ul>
  210.                                     <li><a title="Acompanhe diariamente as novidades da Internet aqui no CódigoFonte.net" href="https://www.codigofonte.net/noticias">Notícias</a></li>                                  
  211.                                     <li><a title="Procurando uma imagem para incrementar seu site? Veja nossos WebObjects" href="https://www.codigofonte.net/galeria-de-imagens">Web Objects</a></li>
  212.                                     <li><a target="_blank" href="http://www.jogolandia.com.br">Jogos Online</a></li>
  213.                                     <li><a title="Acompanhe as atualizações do CódigoFonte.net! Assine nossos feeds" href="https://www.codigofonte.net/rss">Feed RSS</a></li>
  214.                                 </ul>                              
  215.                             </li>
  216.                            
  217.                             <li class="nivel5">Expediente
  218.                                 <ul>
  219.                                     <li><a href="https://www.codigofonte.net/fale-conosco">Anuncie</a></li>
  220.                                     <li><a href="http://forum.codigofonte.net"><b>Fórum</b></a></li>
  221.                                     <!-- <li><a href="https://www.codigofonte.net/bate-papo">Bate-papo</a></li> -->
  222.                                     <li><a href="http://www.orkut.com/Community.aspx?cmm=6319884" target="_blank">Orkut</a></li>
  223.                                     <li><a href="http://www.twitter.com/codigofonte" target="_blank"><b>Twitter</b></a></li>
  224.                                     <li><a href="https://www.codigofonte.net/divulgue-nos"><b>Divulgue-nos</b></a></li>
  225.                                     <li><a href="https://www.codigofonte.net/politica-de-privacidade">Privacidade</a></li>
  226.                                     <li><a href="https://www.codigofonte.net/fale-conosco">Contato</a></li>                                            
  227.                                 </ul>
  228.                             </li>  
  229.                            
  230.                             <li class="nivel6">Parceiros
  231.                                 <ul>
  232.                                     <li><a href="https://www.codigofonte.net/ir.php?l=http://www.fontesgratis.com.br" target="_blank">Fontes Gratis</a></li>
  233.                                     <li><a href="http://www.kilobyte.com.br/" target="_blank">KiloByte</a></li>
  234.                                     <li><a href="http://www.htmlstaff.org/" target="_blank">HTML Staff</a></li>
  235.                                 </ul>
  236.                             </li>  
  237.                            
  238.                             <li class="nivel7"></li>                                                                                       
  239.                         </ul>                              
  240.                    
  241.                     </div>             
  242.                     <div class="rodapeWindow">
  243.                         <div class="cantoEsq"></div>
  244.                         <div class="cantoDir"></div>
  245.                     </div>
  246.                 </div>     
  247.                 <!-- fim tabela do menu -->        
  248.             </div>
  249.             <!-- fim esquerda -->
  250.            
  251.             <!-- centro -->
  252.             <div id="centro">
  253.                 <!-- <iframe id='aa8ef32e' name='aa8ef32e' src='http://banner.codigofonte.net/ads/www/delivery/afr.php?zoneid=4&amp;target=_blank&amp;cb=5' framespacing='0' frameborder='no' scrolling='no' width='468' height='60'><a href='http://banner.codigofonte.net/ads/www/delivery/ck.php?n=a9c56705&amp;cb=5' target='_blank'><img src='http://banner.codigofonte.net/ads/www/delivery/avw.php?zoneid=4&amp;cb=5&amp;n=a9c56705' border='0' alt='' /></a></iframe> -->
  254.                
  255.                
  256. <script type='text/javascript'>
  257. var googletag = googletag || {};
  258. googletag.cmd = googletag.cmd || [];
  259. (function() {
  260. var gads = document.createElement('script');
  261. gads.async = true;
  262. gads.type = 'text/javascript';
  263. var useSSL = 'https:' == document.location.protocol;
  264. gads.src = (useSSL ? 'https:' : 'http:') +
  265. '//www.googletagservices.com/tag/js/gpt.js';
  266. var node = document.getElementsByTagName('script')[0];
  267. node.parentNode.insertBefore(gads, node);
  268. })();
  269. </script>
  270.  
  271. <script type='text/javascript'>
  272. googletag.cmd.push(function() {
  273. googletag.defineSlot('/6417489/Topo-Codigo-Fonte', [468, 60], 'div-gpt-ad-1336838345632-0').addService(googletag.pubads());
  274. googletag.pubads().enableSingleRequest();
  275. googletag.enableServices();
  276. });
  277. </script>
  278.  
  279. <!-- Topo-Codigo-Fonte -->
  280. <div id='div-gpt-ad-1336838345632-0' style='width:468px; height:60px;'>
  281. <script type='text/javascript'>
  282. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1336838345632-0'); });
  283. </script>
  284. </div>         
  285.                
  286.            
  287.                
  288.                
  289.                 <script type="text/javascript"><!--
  290. google_ad_client = "pub-7370497222948708";
  291. google_ad_width = 468;
  292. google_ad_height = 15;
  293. google_ad_format = "468x15_0ads_al_s";
  294. google_ad_channel = "5571540730";
  295. google_color_border = "008000";
  296. google_color_bg = "e3f4ea";
  297. google_color_link = "000000";
  298. google_color_url = "008000";
  299. google_color_text = "006600";
  300. //--></script>
  301. <script type="text/javascript"
  302.  src="//pagead2.googlesyndication.com/pagead/show_ads.js">
  303. </script>
  304.                 <br />
  305.  
  306.                 <div class="windowBloco windowMeio">
  307.                     <div class="cabecalho">
  308.                         <div class="cantoEsq"></div>
  309.                         <div class="cantoDir"></div>
  310.                     </div>
  311.                     <div class="conteudoWindow" id="conteudo" style="width: 442px">
  312.                         <!-- inicio do conteudo dentro da coluna CONTEUDO PRINCIPAL -->
  313. <div id="cabecalhoimg">
  314.     <img src="https://www.codigofonte.net/img/dicas-codes.gif" alt="Dicas CódigoFonte.net">
  315. </div>
  316.  
  317. <div id="hierarquia">
  318.     <div class="raiz"><a href="/">Conteúdo</a></div>
  319.     <div class="item"><a href="/dicas/html" title="Veja outras matérias de HTML">HTML</a></div>
  320. </div>
  321.  
  322. <div id="ordem">
  323.     <form action="">
  324.         <select class=formul name=ordem onChange="if(this.options[this.selectedIndex].value)
  325.         window.location.href='/dicas/html/' + this.options[this.selectedIndex].value;">
  326.         <option  value=1>Ordenar por Data</option>
  327.         <option  value=2>Ordenar por Cliques</option>
  328.         <option  value=3>Ordenar por Nome</option></select>
  329.     </form>
  330. </div>
  331.  
  332. <div id="dicas">
  333.        
  334.         <p>Listando 1 - 8 de artigos da seção.</p>   
  335.    
  336.     <div id="listaItens">
  337.             <div class="item">
  338.             <h3><strong><a href="/dicas/html/646_fazer-abrir-uma-pagina-num-tamanho-determinado" title="Fazer abrir uma pagina num tamanho determinado."> Fazer abrir uma pagina num tamanho determinado.</a></strong></h3>
  339.             <div class="descricao">Que tal abrir uma página com um tamanho personalizado? Basta seguir estas orientações e colocar em seu site. </div>
  340.             <div class="rodape">Enviado em 07 de October de 2009 por <a href="/~horlaney" title="Veja o perfil público de horlaney">horlaney</a> - <a href="/dicas/html/646_fazer-abrir-uma-pagina-num-tamanho-determinado#comentarios" title="Fazer abrir uma pagina num tamanho determinado.">7 comentários</a></div>          
  341.         </div>             
  342.        
  343.        
  344.             <div class="item">
  345.             <h3><strong><a href="/dicas/html/315_mudando-o-cursor-do-mouse-de-links" title="Mudando o cursor do mouse de links"> Mudando o cursor do mouse de links</a></strong></h3>
  346.             <div class="descricao">É muito simples! Basta seguir com atenção</div>
  347.             <div class="rodape">Enviado em 29 de February de 2008 por <a href="/~gui13044" title="Veja o perfil público de gui13044">gui13044</a> - <a href="/dicas/html/315_mudando-o-cursor-do-mouse-de-links#comentarios" title="Mudando o cursor do mouse de links">7 comentários</a></div>          
  348.         </div>             
  349.        
  350.        
  351.             <div class="item">
  352.             <h3><strong><a href="/dicas/html/308_colocando-musica-na-sua-pagina-com-windows-media-player" title="Colocando música na sua página com Windows Media Player"> Colocando música na sua página com Windows Media Player</a></strong></h3>
  353.             <div class="descricao">Você colocará o Windows Media Player para tocar uma ou várias músicas na sua página pessoal...</div>
  354.             <div class="rodape">Enviado em 14 de January de 2008 por <a href="/~xaradabr" title="Veja o perfil público de xaradabr">xaradabr</a> - <a href="/dicas/html/308_colocando-musica-na-sua-pagina-com-windows-media-player#comentarios" title="Colocando música na sua página com Windows Media Player">72 comentários</a></div>          
  355.         </div>             
  356.        
  357.        
  358.             <div class="item">
  359.             <h3><strong><a href="/dicas/html/296_direcionar-links-para-um-iframe" title="Direcionar Links Para um IFRAME"> Direcionar Links Para um IFRAME</a></strong></h3>
  360.             <div class="descricao">Muitas pessoas me perguntam como direciono links para um IFRAME sem presisar de atualizar a pág. então aqui vai:</div>
  361.             <div class="rodape">Enviado em 12 de November de 2007 por <a href="/~marcos772" title="Veja o perfil público de marcos772">marcos772</a> - <a href="/dicas/html/296_direcionar-links-para-um-iframe#comentarios" title="Direcionar Links Para um IFRAME">16 comentários</a></div>        
  362.         </div>             
  363.        
  364.        
  365.             <div class="item">
  366.             <h3><strong><a href="/dicas/html/295_usando-marquee" title="Usando Marquee"> Usando Marquee</a></strong></h3>
  367.             <div class="descricao">Vamos aprender a movimentar objetos usando uma conhecida tag html</div>
  368.             <div class="rodape">Enviado em 09 de November de 2007 por <a href="/~jkweb" title="Veja o perfil público de jkweb">jkweb</a> - <a href="/dicas/html/295_usando-marquee#comentarios" title="Usando Marquee">17 comentários</a></div>          
  369.         </div>             
  370.        
  371.        
  372.             <div class="item">
  373.             <h3><strong><a href="/dicas/html/275_aprenda-a-fazer-a-barra-de-rolagem-colorida" title="Aprenda a Fazer a Barra de Rolagem Colorida"> Aprenda a Fazer a Barra de Rolagem Colorida</a></strong></h3>
  374.             <div class="descricao">Deixe a Barra de Rolagem do seu Site Colorida</div>
  375.             <div class="rodape">Enviado em 21 de August de 2007 por <a href="/~guserafim" title="Veja o perfil público de guserafim">guserafim</a> - <a href="/dicas/html/275_aprenda-a-fazer-a-barra-de-rolagem-colorida#comentarios" title="Aprenda a Fazer a Barra de Rolagem Colorida">17 comentários</a></div>          
  376.         </div>             
  377.        
  378.        
  379.             <div class="item">
  380.             <h3><strong><a href="/dicas/html/267_colocando-musica-na-sua-pagina-com-windows-media-player" title="Colocando música na sua página com Windows Media Player"> Colocando música na sua página com Windows Media Player</a></strong></h3>
  381.             <div class="descricao">Você colocará o Windows Media Player para tocar uma ou várias músicas na sua página...</div>
  382.             <div class="rodape">Enviado em 21 de July de 2007 por <a href="/~xaradabr" title="Veja o perfil público de xaradabr">xaradabr</a> - <a href="/dicas/html/267_colocando-musica-na-sua-pagina-com-windows-media-player#comentarios" title="Colocando música na sua página com Windows Media Player">25 comentários</a></div>         
  383.         </div>             
  384.        
  385.        
  386.             <div class="item">
  387.             <h3><strong><a href="/dicas/html/233_a-declaracao-doctype" title="A declaração DOCTYPE"> A declaração DOCTYPE</a></strong></h3>
  388.             <div class="descricao">A declaração <!DOCTYPE> é a primeira coisa que deve ser acrescentada ao código de seu documento, antes da tag <html>. Ela é responsável a dizer ao navegador qual é a especificação do HTML ou XTML (baseado nos padrões do W3C).</div>
  389.             <div class="rodape">Enviado em 14 de February de 2007 por <a href="/~manel" title="Veja o perfil público de manel">manel</a> - <a href="/dicas/html/233_a-declaracao-doctype#comentarios" title="A declaração DOCTYPE">2 comentários</a></div>         
  390.         </div>             
  391.        
  392.     </div>
  393.        
  394.    
  395.             <ul id="paginacao">
  396.         <li><span class="detalhe">Páginas: </span></li>
  397.        
  398.                 <li><strong>1</strong></li>
  399.                        
  400.                 <li><a href="/dicas/html/1/2">2</a></li>   
  401.                        
  402.                 <li><a href="/dicas/html/1/3">3</a></li>   
  403.                        
  404.                 <li><a href="/dicas/html/1/4">4</a></li>   
  405.                        
  406.                 <li><a href="/dicas/html/1/5">5</a></li>   
  407.                        
  408.                 <li><a href="/dicas/html/1/6">6</a></li>   
  409.                        
  410.                 <li><a href="/dicas/html/1/7">7</a></li>   
  411.                
  412.     </ul>
  413.         </div>
  414.  
  415. <div id="rodapeColaboracao">
  416.     <div class="item tesq">
  417.         <a href="https://www.codigofonte.net/dicas/gerenciar" title="Enviar um artigo"><img src="https://www.codigofonte.net/img/addcode.gif" alt="Enviar um artigo" /> Enviar um artigo</a>
  418.     </div>
  419.     <div class="item tdir">
  420.         <a href="https://www.codigofonte.net/rss/dicas/html" title="Assine o Feed desta categoria">Assine o Feed desta categoria <img src="https://static.codigofonte.net/img/feedrss.png"></a>    
  421.     </div>
  422. </div>              <br class="clear" />       
  423.                 <br />
  424.        
  425.        
  426. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  427. <!-- Site Meio -->
  428. <ins class="adsbygoogle"
  429.     style="display:inline-block;width:300px;height:250px"
  430.     data-ad-client="ca-pub-7370497222948708"
  431.     data-ad-slot="1116949686"></ins>
  432. <script>
  433. (adsbygoogle = window.adsbygoogle || []).push({});
  434. </script>
  435.  
  436.  
  437. <!--/* OpenX iFrame Tag v2.8.10 */-->
  438.  
  439.  
  440.  
  441.  
  442.                
  443.                 </div>
  444.                 <div class="rodapeWindow">
  445.                     <div class="cantoEsq"></div>
  446.                     <div class="cantoDir"></div>
  447.                 </div>
  448.             </div>       
  449.            
  450.             <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fcodigofonte&amp;width=465&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=275958562429597" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:465px; height:258px; background: #fff; margin-top: 5px; margin-bottom: 5px;"></iframe>
  451.  
  452.             <div class="windowBloco windowMeio">
  453.                 <div class="cabecalho">
  454.                     <div class="cantoEsq"></div>
  455.                     <div class="cantoDir"></div>
  456.                 </div>
  457.                 <div class="conteudoWindow">
  458.                     <!-- indicação -->
  459.                     <form id="frmIndicao" action="https://www.codigofonte.net/indica" method="post">
  460.                         <table width="95%">
  461.                             <tr>
  462.                                 <td colspan="2" class="tcen detalhe">
  463.                                     <strong>Gostou do CódigoFonte.net? Quer indicar a um amigo?<br />Preencha os campos a seguir.</strong>
  464.                                 </td>
  465.                             </tr>
  466.                             <tr>
  467.                                 <td class="tdir"><strong>Seu Nome:</strong></td>
  468.                                 <td><input type="text" id="txtNome" name="txtNome" class="formul" /></td>
  469.                             </tr>
  470.                             <tr>
  471.                                 <td class="tdir"><strong>Seu E-mail:</strong></td>
  472.                                 <td><input type="text" id="txtEmail" name="txtEmail" class="formul" /></td>
  473.                             </tr>
  474.                             <tr>                                               
  475.                                 <td class="tdir"><strong>E-mail de seu Amigo:</strong></td>
  476.                                 <td><input type="text" id="txtAmigo" name="txtAmigo" class="formul" /></td>
  477.                             </tr>  
  478.                             <tr>                                                       
  479.                                 <td class="tcen" colspan="2">
  480.                                     <div id="enviarIndicacao">
  481.                                         <div id="pnlEnviarIndicacao">
  482.                                             <input id="btnEnviarIndicacao" type="submit" class="botao" value="Indicar" />
  483.                                         </div>                                                         
  484.                                     </div>
  485.                                 </td>
  486.                             </tr>                                              
  487.                         </table>                                               
  488.                         <input type="hidden" name="rl" value="/dicas/html" />
  489.                     </form>
  490.                     <!-- fim indicação -->
  491.                 </div>             
  492.                 <div class="rodapeWindow">
  493.                     <div class="cantoEsq"></div>
  494.                     <div class="cantoDir"></div>
  495.                 </div>
  496.             </div>
  497.            
  498.             <div class="windowBloco windowMeio">
  499.                 <div class="cabecalho">
  500.                     <div class="cantoEsq"></div>
  501.                     <div class="cantoDir"></div>
  502.                 </div>
  503.                 <div class="conteudoWindow">
  504.                 <!-- nuvem de tags -->
  505.                
  506.                                 <a href="https://www.codigofonte.net/busca?q=rss" title="Procure por rss" style="font-size: 19px">rss</a>
  507.                                 <a href="https://www.codigofonte.net/busca?q=feed" title="Procure por feed" style="font-size: 16px">feed</a>
  508.                                 <a href="https://www.codigofonte.net/busca?q=valida%E7%E3o" title="Procure por validação" style="font-size: 13px">validação</a>
  509.                                 <a href="https://www.codigofonte.net/busca?q=valida" title="Procure por valida" style="font-size: 19px">valida</a>
  510.                                 <a href="https://www.codigofonte.net/busca?q=orkut" title="Procure por orkut" style="font-size: 22px">orkut</a>
  511.                                 <a href="https://www.codigofonte.net/busca?q=web%20r%EF%BF%BDdio" title="Procure por web r�dio" style="font-size: 15px">web r�dio</a>
  512.                                 <a href="https://www.codigofonte.net/busca?q=-1%27" title="Procure por -1'" style="font-size: 12px">-1'</a>
  513.                                 <a href="https://www.codigofonte.net/busca?q=admin" title="Procure por admin" style="font-size: 20px">admin</a>
  514.                                 <a href="https://www.codigofonte.net/busca?q=afiliados" title="Procure por afiliados" style="font-size: 14px">afiliados</a>
  515.                                 <a href="https://www.codigofonte.net/busca?q=form%20mail" title="Procure por form mail" style="font-size: 12px">form mail</a>
  516.                                 <a href="https://www.codigofonte.net/busca?q=cadastro" title="Procure por cadastro" style="font-size: 32px">cadastro</a>
  517.                                 <a href="https://www.codigofonte.net/busca?q=fotos" title="Procure por fotos" style="font-size: 24px">fotos</a>
  518.                                 <a href="https://www.codigofonte.net/busca?q=banne" title="Procure por banne" style="font-size: 14px">banne</a>
  519.                                 <a href="https://www.codigofonte.net/busca?q=editor%20de%20texto" title="Procure por editor de texto" style="font-size: 12px">editor de texto</a>
  520.                                 <a href="https://www.codigofonte.net/busca?q=c%F3digo%20de%20barras" title="Procure por código de barras" style="font-size: 16px">código de barras</a>
  521.                                 <a href="https://www.codigofonte.net/busca?q=codigos" title="Procure por codigos" style="font-size: 15px">codigos</a>
  522.                                 <a href="https://www.codigofonte.net/busca?q=cadastro%20de%20cliente" title="Procure por cadastro de cliente" style="font-size: 12px">cadastro de cliente</a>
  523.                                 <a href="https://www.codigofonte.net/busca?q=calculadora" title="Procure por calculadora" style="font-size: 23px">calculadora</a>
  524.                                 <a href="https://www.codigofonte.net/busca?q=senh" title="Procure por senh" style="font-size: 13px">senh</a>
  525.                                 <a href="https://www.codigofonte.net/busca?q=popup" title="Procure por popup" style="font-size: 22px">popup</a>
  526.                                 <a href="https://www.codigofonte.net/busca?q=barra%20de%20rolagem" title="Procure por barra de rolagem" style="font-size: 20px">barra de rolagem</a>
  527.                                 <a href="https://www.codigofonte.net/busca?q=javascript" title="Procure por javascript" style="font-size: 17px">javascript</a>
  528.                                 <a href="https://www.codigofonte.net/busca?q=videos" title="Procure por videos" style="font-size: 19px">videos</a>
  529.                                 <a href="https://www.codigofonte.net/busca?q=r%E1dio" title="Procure por rádio" style="font-size: 30px">rádio</a>
  530.                                 <a href="https://www.codigofonte.net/busca?q=layout" title="Procure por layout" style="font-size: 18px">layout</a>
  531.                                 <a href="https://www.codigofonte.net/busca?q=c%F3digos%20para%20blogger" title="Procure por códigos para blogger" style="font-size: 15px">códigos para blogger</a>
  532.                                 <a href="https://www.codigofonte.net/busca?q=frames" title="Procure por frames" style="font-size: 16px">frames</a>
  533.                                 <a href="https://www.codigofonte.net/busca?q=controle%20de%20estoque" title="Procure por controle de estoque" style="font-size: 16px">controle de estoque</a>
  534.                                 <a href="https://www.codigofonte.net/busca?q=calend%E1rio" title="Procure por calendário" style="font-size: 21px">calendário</a>
  535.                                 <a href="https://www.codigofonte.net/busca?q=media%20player" title="Procure por media player" style="font-size: 19px">media player</a>
  536.                                
  537.                 <!-- /nuvem de tags -->
  538.                 </div>             
  539.                 <div class="rodapeWindow">
  540.                     <div class="cantoEsq"></div>
  541.                     <div class="cantoDir"></div>
  542.                 </div>
  543.             </div>
  544.        
  545.         </div>
  546.         <!-- fim centro -->
  547.        
  548.             <div id="direita">
  549.                 <!-- direita -->
  550.                 <div class="windowBloco windowDireita">
  551.                     <div class="cabecalho">
  552.                         <div class="cantoEsq"></div>
  553.                         <div class="cantoDir"></div>
  554.                     </div>
  555.                     <div class="conteudoWindow">
  556.                         <!-- inicio conteudo por dentro da tab auxiliar 1 -->
  557.                         <img src="https://www.codigofonte.net/img/buscacf.gif" alt="" /><br />
  558.                         <form action="https://www.codigofonte.net/busca" method="get" class="frmPesquisa">
  559.                         <table border="0" width="100%">
  560.                             <tr>
  561.                                 <td><input type="text" name="q" size="15" class="formul" /></td>
  562.                             </tr>
  563.                             <tr>
  564.                                 <td><input type="submit" value="Pesquisar" class="botao" /></td>
  565.                             </tr>
  566.                             <tr>
  567.                                 <td><a class="detalhes" href="/busca">&raquo; Busca avançada</a></td>
  568.                             </tr>
  569.                         </table>                       
  570.                         <!-- fim conteudo por dentro da tab auxiliar 1 -->
  571.                         </form>
  572.                        
  573.                         <br />
  574.                         <a href="http://twitter.com/CodigoFonte" target="_blank"><img src="https://www.codigofonte.net/img/twitter.png" alt="Siga-nos no Twitter" /></a>
  575.                     </div>             
  576.                     <div class="rodapeWindow">
  577.                         <div class="cantoEsq"></div>
  578.                         <div class="cantoDir"></div>
  579.                     </div>
  580.                 </div>     
  581.                
  582.                 <div id="banner-pesquisa-120x100" align="center" style="padding: 5px 0 5px 0;">
  583.                 </div>
  584.                    
  585.                 <div class="windowBloco windowDireita">
  586.                     <div class="cabecalho">
  587.                         <div class="cantoEsq"></div>
  588.                         <div class="cantoDir"></div>
  589.                     </div>
  590.                     <div class="conteudoWindow">
  591.                         <!-- menu usuário -->
  592.                         <img src="https://www.codigofonte.net/img/meucf2.gif" alt="" /><br />
  593.                          <div id="quadroLogin" class="tcen">
  594.         <form name="cadastro" method="post" action="/">
  595.     <table border="0" width="100%">
  596.     <tr>
  597.         <td class="detalhes">Login:</td>
  598.         <td><input type="text" name="usuario" size="9" maxlength="30" class="formul" /></td>
  599.     </tr>
  600.     <tr>
  601.         <td class="detalhes">Senha:</td>
  602.         <td><input type="password" name="senha" size="9" maxlength="10" class="formul" /></td>
  603.     </tr>
  604.     <tr>
  605.         <td colspan="2" align="center">
  606.             <input type="hidden" name="rl" value="/dicas/html" />
  607.             <input type="hidden" name="acao" value="login" />
  608.             <input type="submit" value="Logar-se" class="botao" />         
  609.         </td>
  610.     </tr>
  611.     </table>
  612.    
  613.     <a href="/cadastro/recuperar-dados">&raquo; Esqueci Senha</a><br />
  614.     <a href="/cadastro">&raquo; Cadastre-se</a>
  615.    
  616.     </form>
  617. </div>                                              <!-- fim menu do usuário -->
  618.                     </div>             
  619.                     <div class="rodapeWindow">
  620.                         <div class="cantoEsq"></div>
  621.                         <div class="cantoDir"></div>
  622.                     </div>
  623.                 </div>     
  624.  
  625. <br />                 
  626.  
  627. <a href="http://www.digitalafiliados.com/af/1" target="_blank"><img src="https://s3-sa-east-1.amazonaws.com/digitalafiliados/banners/banner-120x6002.gif" border="0"></a>
  628.        
  629.        
  630.  
  631.                
  632. <!--                <div class="windowBloco windowDireita">
  633.                     <div class="cabecalho">
  634.                         <div class="cantoEsq"></div>
  635.                         <div class="cantoDir"></div>
  636.                     </div>
  637.                     <div class="conteudoWindow">                                                   
  638.                        
  639.                     </div>             
  640.                     <div class="rodapeWindow">
  641.                         <div class="cantoEsq"></div>
  642.                         <div class="cantoDir"></div>
  643.                     </div>
  644.                 </div>   -->
  645.             </div>
  646.             <!-- fim direita -->       
  647.     <br class="clear" />
  648.     <br class="clear" />   
  649.     <!-- início do código para o mural CódigoFonte.net -->
  650.     <!-- final do código para o mural CódigoFonte.net -->
  651.    
  652.     <table border="0" cellspacing="0" cellpadding="0" width="100%">
  653.         <tr>
  654.             <td width="3" valign="middle">
  655.                 <img src="https://www.codigofonte.net/img/bar2.gif" alt="" /></td>
  656.             <td background="https://www.codigofonte.net/img/barra.gif" style="text-align: center; color: white; font: bold 9px Verdana;">
  657.                 <a href="https://www.codigofonte.net" target="_blank"><b style='color: white; font: bold 9px Verdana;'>CodigoFonte.net</b></a>
  658.                 &raquo; <a href="http://www.codigofonte.eti.br" target="_blank"><b style='color: white; font: bold 9px Verdana;'>CodigoFonte.eti.br</b></a>
  659.                 &raquo; <a href="http://www.meumural.com.br" target="_blank"><b style='color: white; font: bold 9px Verdana;'>Meu Mural</b></a>
  660.                 <!-- &raquo; <a href="http://www.pelamordedeus.com.br" target="_blank"><b style='color: white; font: bold 9px Verdana;'>PelamorDeDeus</b></a>  -->
  661.                 &raquo; <a href="http://www.competiva.com.br" target="_blank" style="color: #fff; font: bold 9px Verdana;" title="Competiva Agência de Criação de Sites em João Pessoa">Competiva - Criação de Sites</b></a>
  662.                 » Todos os Direitos Reservados &copy; 2002/2010
  663.             </td>
  664.         </tr>
  665.     </table>
  666.    
  667.    
  668.     <script id="r7-footer-portal" src="https://barra.r7.com/footer/footer-portal/footer-portal.js" charset="UTF-8">{showPane:false, bgC:'#e2e2e2', isPartner:true, partnerLabel:'Tecnologia e Ciência'}</script>
  669.    
  670.    
  671.     </div>
  672.     <!-- fim container principal -->   
  673.        
  674. </div>
  675. <!-- fim container mãe -->
  676.  
  677. </div>
  678.  
  679. <!-- container publicidade -->
  680. <div id="publicidade1024">
  681.     <!-- div id="compredetudo">
  682.         <p>Procurando Notebooks, Câmeras Digitais, iPhones?</p>
  683.         <p><a href="http://www.compredetudo.com" target="_blank" title="Compre Notebooks, câmeras ou iphones">CompreDeTudo.com</a></p>
  684.     </div -->
  685.        
  686.     <div id="banner">
  687.    
  688.  
  689.  
  690.  
  691. <br /><br />
  692.    
  693. <div>
  694.  
  695. <!-- <script type="text/javascript">
  696.    sub_format = "sky";
  697.    sub_franq = "140155";
  698.    sub_keywords = "html,HTML,,computadores,livros,notebook,mp3,celular";
  699. </script>
  700. <script type="text/javascript" src="http://www.submarino.com.br/afiliados/vitrine.js"></script> -->
  701.  
  702. <!-- <a href="http://www.submarino.com.br">Submarino.com.br</a></div><div style="margin-top: 10px; "><script language="JavaScript1.1" type="text/javascript" src=http://www.submarino.com.br/afiliados/get_banner.asp?tipo=sky&franq=140155></script></div> -->
  703.  
  704. <!-- div><script language="JavaScript1.1" type="text/javascript" src="http://www.submarino.com.br/afiliados/get_banner.asp?tipo=sky2&franq=140155"></script></div -->
  705.  
  706.  
  707.     <!-- script language="JavaScript" src="http://contador.codigofonte.net/log.php?id=1&d=oculto"></script -->
  708.    
  709.     </div>
  710. </div>
  711. <!-- div -->
  712.  
  713.    
  714.  
  715.  
  716.  
  717. <script>
  718.   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  719.   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  720.   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  721.   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  722.  
  723.   ga('create', 'UA-443168-1', 'codigofonte.net');
  724.   ga('send', 'pageview');
  725.  
  726. </script>
  727.  
  728. <!-- Begin comScore Tag -->
  729.  
  730. <script>
  731.  
  732. var _comscore = _comscore || [];
  733.  
  734. _comscore.push({ c1: "2", c2: "14194541" });
  735.  
  736. (function() {
  737.  
  738. var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true;
  739.  
  740. s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";
  741.  
  742. el.parentNode.insertBefore(s, el);
  743.  
  744. })();
  745.  
  746. </script>
  747.  
  748. <noscript>
  749.  
  750. <img src="http://b.scorecardresearch.com/p?c1=2&c2=14194541&cv=2.0&cj=1" />
  751.  
  752. </noscript>
  753.  
  754. <!-- End comScore Tag -->
  755.  
  756.  
  757.  
  758.    
  759. </body>
  760. </html>
  761.  
  762. <!-- servidor2 -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!