ínicio

translate my page

|Este Blog|Link daqui|A web|Listas de blogs e links|

marcadores


indicar!

HTML

HTML

Origem: Wikipédia, a enciclopédia livre.




Trecho de código HTML


HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto do "casamento" dos padrões HyTime e SGML.

HyTime é um padrão para a representação estruturada de hipermédia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiper-ligações. O padrão é independente de outros padrões de processamento de texto em geral.

SGML é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações.

Índice


História

Tim Berners-Lee criou o HTML original (e outros protocolos associados como o HTTP) em uma estação NeXTcube usando o ambiente de desenvolvimento NeXTSTEP. Na época a linguagem não era uma especificação, mas uma coleção de ferramentas para resolver um problema de Tim: a comunicação e disseminação das pesquisas entre ele e seu grupo de colegas. Sua solução, combinada com a então emergente internet pública (que tornaria-se a Internet) ganhou atenção mundial.

As primeiras versões do HTML foram definidas com regras sintáticas flexíveis, o que ajudou aqueles sem familiaridade com a publicação na Web. Atualmente a sintaxe do HTML é muito mais rígida, permitindo um código mais preciso. Através do tempo, a utilização de ferramentas para autoria de HTML aumentou, assim como a tendência em tornar a sintaxe cada vez mais rígida. Apesar disso, por questões históricas (retrocompatibilidade), os navegadores ainda hoje conseguem interpretar páginas web que estão longe de ser um código HTML válido.

A linguagem foi definida em especificações formais na década de 1990, inspiradas nas propostas originais de Tim Berners-Lee em criar uma linguagem baseada em SGML para a Internet. A primeira publicação foi esboçada por Berners-Lee e Dan Connolly, e publicada em 1993 na IETFcomo uma aplicação formal para o SGML (com uma DTD em SGML definindo a gramática). A IETF criou um grupo de trabalho para o HTML no ano seguinte, e publicou o HTML 2.0 em 1995. Desde 1996, as especificações HTML vêm sendo mantidas, com o auxílio de fabricantes de software, pela World Wide Web Consortium (W3C).[1] Apesar disso, em 2000 a linguagem tornou-se também uma norma internacional (ISO/IEC 15445:2000). A última especificação HTML lançada pela W3C foi a recomendação HTML 4.01, publicada no final de 1999. Uma errata ainda foi lançada em 2001.

Desde a publicação do HTML 3.5 no final de 1997, o grupo de trabalho da W3C tem cada vez mais — e de 2002 a 2006, de forma exclusiva — focado no desenvolvimento do XHTML, uma especificação HTML baseada em XML que é considerada pela W3C como um sucessor do HTML.[2][3][4] O XHTML faz uso de uma sintaxe mais rigorosa e menos ambígua para tornar o HTML mais simples de ser processado e estendido.

Etiquetas

Todo documento HTML apresenta etiquetas[5], elementos entre parênteses angulares (sinais de maior e menor) (< e >); esses elementos são os comandos de formatação da linguagem. A maioria das etiquetas tem sua correspondente de fechamento:

...

Isso é necessário porque as etiquetas servem para definir a formatação de uma porção do documento, e assim marcamos onde começa e termina o texto com a formatação especificada por ela. Alguns elementos são chamados “vazios”, pois não marcam uma região de texto, apenas inserem algum elemento no documento:

Uma etiqueta é formada por comandos, atributos e valores. Os atributos modificam os resultados padrões dos comandos e os valores caracterizam essa mudança. Exemplo:


No qual:

  • HR = comando que desenha uma barra horizontal
  • color = atributo que especifica a cor da barra
  • red = valor do atributo color, que é a cor da barra que será desenhada

Cada comando tem seus atributos possíveis e seus valores. Um exemplo, é o atributo size que pode ser usado com o comando FONT, com o HR mas que não pode ser usado com o comando BODY. Isso quer dizer que devemos saber exatamente quais os atributos e valores possíveis para cada comando.

De uma maneira geral o HTML é um poderoso recurso, sendo uma linguagem de marcação muito simples e acessível voltada para a produção e compartilhamento de documentos e imagens.

Edição de documentos HTML

Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows, ou o TextEdit, do Macintosh. Para facilitar a produção de documentos, porém, o mercado editores HTML específicos, com recursos sofisticados, que facilitam a realização de tarefas repetitivas, inserção de objetos, elaboração de tabelas e outros recursos (Ver lista abaixo). Basicamente dividem-se em dois tipos:

  • Editores de texto fonte: inserem automaticamente as etiquetas, orientando a inserção de atributos e marcações.
  • Editores WYSIWYG: oferecem ambiente de edição com um "esboço" resultado final das marcações.

Estrutura básica de um documento

A estrutura de um documento HTML apresenta os seguintes componentes:

 http://www.w3.org/TR/html4/strict.dtd">


Título do Documento


texto,
imagem,
links,
...


As etiquetas HTML não são sensíveis à caixa, portanto tanto faz escrever , , ou .

As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são:

  • : define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML.

  • : define o cabeçalho de um documento HTML, que traz informações sobre o documento que está sendo aberto.

  • : define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir propriedades comuns a toda a página, como cor de fundo, margens, e outras formatações.

Cabeçalho

Dentro do cabeçalho podemos encontrar os seguintes comandos:

  • </code>: define o título da página, que é exibido na barra de título dos <a href="http://pt.wikipedia.org/wiki/Navegador" title="Navegador">navegadores</a>.</li><li><code><style></code>: define formatação em <a href="http://pt.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a>.</li><li><code><script></code>: define programação de certas funções em página com <a href="http://pt.wikipedia.org/wiki/Linguagem_de_computador_interpretada" title="Linguagem de computador interpretada" class="mw-redirect">scripts</a>, podendo adicionar funções de <a href="http://pt.wikipedia.org/wiki/JavaScript" title="JavaScript">JavaScript</a>.</li><li><code><link></code>: define ligações da página com outros arquivos como <a href="http://pt.wikipedia.org/wiki/Feed" title="Feed">feeds</a>, <a href="http://pt.wikipedia.org/wiki/Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a>, <a href="http://pt.wikipedia.org/wiki/Linguagem_de_computador_interpretada" title="Linguagem de computador interpretada" class="mw-redirect">scripts</a>, etc.</li><li><code><meta></code>: define propriedades da página, como <a href="http://pt.wikipedia.org/wiki/Codifica%C3%A7%C3%A3o_de_caracteres" title="Codificação de caracteres">codificação de caracteres</a>, descrição da página, <a href="http://pt.wikipedia.org/wiki/Autor" title="Autor">autor</a>, etc. São meta informações sobre documento. Tais campos são muitos usados por <a href="http://pt.wikipedia.org/wiki/Motor_de_busca" title="Motor de busca">mecanismos de busca</a>(como o <a href="http://pt.wikipedia.org/wiki/Google" title="Google">Google</a>) para obterem mais informações sobre o documento, a fim de classificá-lo melhor. Por exemplo, pode-se adicionar o código <code><meta name="description" content="descrição da sua página" /></code> no documento HTML para <span style="font-weight: bold; font-style: italic;">indicar ao motor de busca que texto de descrição apresentar junto com a ligação para o documento.</span></li></ul> <p style="font-weight: bold; font-style: italic;">Obs: as etiquetas <code><style></code> e <code><script></code> servem tanto para delimitar o espaço usados pelos códigos na página quanto para invocar códigos existentes em outros arquivos externos.</p> <p><a name="Corpo" id="Corpo"></a></p> <h4><span class="editsection"></span><font style="font-weight: bold; font-style: italic;" size="5"><span style="color: rgb(255, 0, 0);" class="mw-headline">Corpo</span></font></h4> <p style="font-weight: bold; font-style: italic;">Dentro do corpo podemos encontrar outras várias etiquetas, como por exemplo:</p> <ul><li><code><h1>, <h2>,... <h6></code>: cabeçalhos e títulos no documento em diversos tamanhos. (quanto menor for o número, maior sera o tamanho da letra)</li><li><code><p></code>: novo parágrafo.</li><li><code><br></code>: quebra de linha.</li><li><code><table></code>: cria uma tabela (linhas são criadas com <code><TR></code> e novas células com <code><TD></code>. Já os cabeçalhos de coluna são criados com a etiqueta <code><TH></code>.)</li><li><code><div></code>: determina uma divisão na página a qual pode possuir variadas formatações.</li><li><code><font></code>: altera a formatação (fonte, cor e tamanho) de um trecho do texto.</li><li><code><b>, <i>, <u> e <s></code>: negrito, itálico, sublinhado e riscado, respectivamente.</li><li><code><img></code>: imagem.</li><li><code><a></code>: hiper-ligação para um outro local, seja uma página, um <a href="http://pt.wikipedia.org/wiki/E-mail" title="E-mail">e-mail</a> ou outro serviço.</li><li><code><textarea></code>: caixa de texto (com mais de uma linha); estas caixas de texto são muito usadas em <a href="http://pt.wikipedia.org/wiki/Blog" title="Blog">blogs</a>, elas podem ser auto selecionáveis e conter outros códigos a serem distribuídos.</li><li><code><acronym></code>: acrônimo (sigla)</li><li><code><cite></code>: citação</li><li><code><address></code>: endereço</li></ul> <p><a name="Hiperliga.C3.A7.C3.B5es" id="Hiperliga.C3.A7.C3.B5es"></a></p> <h2><span class="editsection"></span><span style="color: rgb(255, 0, 0);" class="mw-headline">Hiperligações</span></h2> <p>Uma propriedade importante dos documentos HTML é a possibilidade de fazer hiperligações. Para isso usa-se a etiqueta <code><a></code> (do inglês, <i>anchor</i>). Esta tem os atributos: <code>href</code> que define o alvo da hiperligação (que pode ser uma página de <a href="http://pt.wikipedia.org/wiki/Internet" title="Internet">Internet</a>, uma parte da mesma página ou um endereço de <a href="http://pt.wikipedia.org/wiki/Email" title="Email" class="mw-redirect">email</a>) ou <code>name</code> que define um alvo nessa página (a onde se pode fazer uma hiperligação usando a etiqueta <code>a</code> com o atributo <code>href</code>). Exemplos:</p> <ul><li><code><a href="ht­tp://pt.wikipedia.org/">Clique aqui para aceder à página principal da Wikipédia em português.</a></code></li></ul> <ul><li><code><a name="nome">texto</a></code></li></ul> <p>Em que <code>nome</code> e <code>texto</code> podem ser substituídos por o que se desejar. Depois usa-se <code><a href="#nome"> </a></code> para hiperligar a este "anchor".</p> <p><a name="Caracteres_especiais_e_s.C3.ADmbolos" id="Caracteres_especiais_e_s.C3.ADmbolos"></a></p> <h2><span class="editsection"></span><span style="color: rgb(255, 0, 0); font-style: italic;" class="mw-headline">Caracteres especiais e símbolos</span></h2> <p>Os caracteres especiais definem-se usando comandos que começam com <code>&</code> e terminam com um <code>;</code>. Alguns exemplos incluem <code>á</code> (á), <code>à</code> (à), <code>ã</code> (ã), <code>â</code> (â), <code>ä</code> (ä) e <code>ç</code> (ç). Qualquer outra vogal pode ser substituída pelo a destes exemplos, incluindo maiúsculas.</p> <p><a name="Editores_HTML" id="Editores_HTML"></a></p> <h2><span class="editsection"></span> <span style="font-weight: bold; font-style: italic; color: rgb(255, 0, 0);" class="mw-headline">Editores HTML</span></h2> <ul style="font-weight: bold; font-style: italic;"><li><a href="http://pt.wikipedia.org/w/index.php?title=Adobe_Home_Site&action=edit&redlink=1" class="new" title="Adobe Home Site (página não existe)">Adobe Home Site</a></li><li><a href="http://pt.wikipedia.org/wiki/Adobe_Dreamweaver" title="Adobe Dreamweaver">Adobe Dreamweaver</a></li><li><a href="http://pt.wikipedia.org/wiki/Adobe_GoLive" title="Adobe GoLive">Adobe GoLive</a></li><li><a href="http://pt.wikipedia.org/wiki/Arachnophilia" title="Arachnophilia">Arachnophilia</a></li><li><a href="http://pt.wikipedia.org/wiki/Amaya" title="Amaya">Amaya</a></li><li><a href="http://pt.wikipedia.org/wiki/Bluefish" title="Bluefish">Bluefish</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=CoffeeCup_HTML_Editor&action=edit&redlink=1" class="new" title="CoffeeCup HTML Editor (página não existe)">CoffeeCup HTML Editor</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=CoffeeCup_VisualSite_Designer&action=edit&redlink=1" class="new" title="CoffeeCup VisualSite Designer (página não existe)">CoffeeCup VisualSite Designer</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=Edit_Plus&action=edit&redlink=1" class="new" title="Edit Plus (página não existe)">Edit Plus</a></li><li><a href="http://pt.wikipedia.org/wiki/Emacs" title="Emacs">Emacs</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=Evrsoft_First_Page&action=edit&redlink=1" class="new" title="Evrsoft First Page (página não existe)">Evrsoft First Page</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=HTML_4.0&action=edit&redlink=1" class="new" title="HTML 4.0 (página não existe)">HTML 4.0</a></li><li><a href="http://pt.wikipedia.org/wiki/Kompozer" title="Kompozer" class="mw-redirect">Kompozer</a></li><li><a href="http://pt.wikipedia.org/wiki/Macromedia_Dreamweaver" title="Macromedia Dreamweaver" class="mw-redirect">Macromedia Dreamweaver</a></li><li><a href="http://pt.wikipedia.org/wiki/Microsoft_Expression_Web" title="Microsoft Expression Web">Microsoft Expression Web</a></li><li><a href="http://pt.wikipedia.org/wiki/Microsoft_Frontpage" title="Microsoft Frontpage" class="mw-redirect">Microsoft Frontpage</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=Microsoft_Office_SharePoint_Designer&action=edit&redlink=1" class="new" title="Microsoft Office SharePoint Designer (página não existe)">Microsoft Office SharePoint Designer</a></li><li><a href="http://pt.wikipedia.org/wiki/Mozilla_Composer" title="Mozilla Composer">Mozilla Composer</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=Namo_Web_Editor&action=edit&redlink=1" class="new" title="Namo Web Editor (página não existe)">Namo Web Editor</a></li><li><a href="http://pt.wikipedia.org/wiki/NotePad%2B%2B" title="NotePad++">NotePad++</a></li><li><a href="http://pt.wikipedia.org/wiki/NVU" title="NVU" class="mw-redirect">NVU</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=Netscape_Editor&action=edit&redlink=1" class="new" title="Netscape Editor (página não existe)">Netscape Editor</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=PHP_Editor&action=edit&redlink=1" class="new" title="PHP Editor (página não existe)">PHP Editor</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=PSPad&action=edit&redlink=1" class="new" title="PSPad (página não existe)">PSPad</a></li><li><a href="http://pt.wikipedia.org/wiki/Quanta_Plus" title="Quanta Plus">Quanta Plus</a></li><li><a href="http://pt.wikipedia.org/w/index.php?title=Trellian_WebPage&action=edit&redlink=1" class="new" title="Trellian WebPage (página não existe)">Trellian WebPage</a></li><li><a href="http://pt.wikipedia.org/wiki/Vim" title="Vim">Vim</a></li></ul> <p><a name="Notas_e_refer.C3.AAncias" id="Notas_e_refer.C3.AAncias"></a></p> <h2 style="cursor: help; font-weight: normal; font-style: italic;" title="Esta secção não é editável por razões técnicas. Edite a página toda ao invés disso."><span class="mw-headline">Notas e referências</span></h2> <div class="references-small" style="font-style: italic; font-weight: bold;"> <ol class="references"><li style="font-weight: normal; font-style: italic;" id="cite_note-0"><a href="http://pt.wikipedia.org/wiki/HTML#cite_ref-0">↑</a> <cite class="book" style="font-style: normal;">Dave Raggett. <a href="http://www.w3.org/People/Raggett/book4/ch02.html" class="external text" title="http://www.w3.org/People/Raggett/book4/ch02.html" rel="nofollow">Raggett on HTML 4</a>. Addison-Wesley, 1998. chap. 2: A history of HTML p. <a href="http://pt.wikipedia.org/wiki/Especial:Fontes_de_livros/0201178052" class="internal">ISBN 0-201-17805-2</a></cite></li><li id="cite_note-1"><a href="http://pt.wikipedia.org/wiki/HTML#cite_ref-1">↑</a> <a href="http://www.w3.org/MarkUp/2000/Charter" class="external text" title="http://www.w3.org/MarkUp/2000/Charter" rel="nofollow">HTML working group charter (2000–2002)</a>. World Wide Web Consortium.</li><li id="cite_note-2"><a href="http://pt.wikipedia.org/wiki/HTML#cite_ref-2">↑</a> <a href="http://www.w3.org/2002/05/html/charter" class="external text" title="http://www.w3.org/2002/05/html/charter" rel="nofollow">HTML working group charter (2002–2004)</a>. World Wide Web Consortium.</li><li id="cite_note-3"><a href="http://pt.wikipedia.org/wiki/HTML#cite_ref-3">↑</a> <a href="http://www.w3.org/MarkUp/xhtml-roadmap/" class="external text" title="http://www.w3.org/MarkUp/xhtml-roadmap/" rel="nofollow">HTML Working Group Roadmap</a>. World Wide Web Consortium.</li><li style="font-style: italic; font-weight: bold;" id="cite_note-4"><a href="http://pt.wikipedia.org/wiki/HTML#cite_ref-4">↑</a> Um termo alternativo bastante usado é tag</li></ol> </div> <p style="font-style: italic; font-weight: bold;"><cite class="book" style="font-style: normal;">SICA, Carlos. HTML: Fale a Linguagem da Internet. 1.ed. Maringá - PR: Independente, 1997. 50 p. 500 v. v. 1.</cite></p> <p><a name="Ver_tamb.C3.A9m" id="Ver_tamb.C3.A9m"></a></p> <h2><span class="editsection"></span><span style="font-style: italic; font-weight: bold;" class="mw-headline">Ver também</span></h2> <div class="noprint" style="border: 1px solid rgb(170, 170, 170); margin: 0pt 0pt 1em 1em; padding: 2px; background: rgb(249, 249, 249) none repeat scroll 0% 0%; clear: right; font-size: 90%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 250px; text-align: center; float: right; font-style: italic; font-weight: bold;"> <div style="float: left; vertical-align: middle;"> <div class="floatnone"><a href="http://pt.wikipedia.org/wiki/Ficheiro:Wikibooks-logo.svg" class="image" title="Wikibooks"><img alt="Wikibooks" src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/28px-Wikibooks-logo.svg.png" width="28" height="28"></a></div> </div> <div style="margin-left: 30px; line-height: normal; vertical-align: middle;">O <a href="http://pt.wikipedia.org/wiki/Wikilivros" title="Wikilivros">Wikilivros</a> possui livros ou outros textos didáticos sobre: <a href="http://pt.wikibooks.org/wiki/Curso_de_HTML" class="extiw" title="b:Curso de HTML">Curso de HTML</a></div> </div> <ul style="font-style: italic; font-weight: bold;"><li><a href="http://pt.wikipedia.org/wiki/DHTML" title="DHTML">DHTML</a></li><li><a href="http://pt.wikipedia.org/wiki/XHTML" title="XHTML">XHTML</a></li></ul> <p><a name="Liga.C3.A7.C3.B5es_externas" id="Liga.C3.A7.C3.B5es_externas"></a></p> <h2 style="font-weight: bold; font-style: italic;"><span class="editsection"></span><span class="mw-headline">Ligações externas</span></h2> <ul style="font-weight: bold; font-style: italic;"><li><span class="plainlinks"><a href="http://www.w3.org/MarkUp/" class="external text" title="http://www.w3.org/MarkUp/" rel="nofollow">Página oficial do HTML na W3C</a></span> (<a href="http://pt.wikipedia.org/wiki/L%C3%ADngua_inglesa" title="Língua inglesa">em inglês</a>)</li><li><a href="http://www.icmc.usp.br/ensino/material/html/" class="external text" title="http://www.icmc.usp.br/ensino/material/html/" rel="nofollow">Tutorial de HTML</a></li><li><a href="http://aprenderhtml.webs.com/" class="external text" title="http://aprenderhtml.webs.com/" rel="nofollow">Curso básico de HTML</a></li><li><a href="http://desenaviegas.com/cover.html" class="external text" title="http://desenaviegas.com/cover.html" rel="nofollow">Recomendação da Especificação HTML 4.01 (em português)</a></li><li><a href="http://www.w3schools.com/html/default.asp" class="external text" title="http://www.w3schools.com/html/default.asp" rel="nofollow">Tutorial completo sobre HTML segundo as normas W3C (em inglês)"</a></li></ul> <!-- NewPP limit report Preprocessor node count: 786/1000000 Post-expand include size: 3573/2048000 bytes Template argument size: 1433/2048000 bytes Expensive parser function count: 0/500 --> <!-- Saved in parser cache with key ptwiki:pcache:idhash:262828-0!1!0!!pt!2 and timestamp 20090725162741 --> <div class="printfooter"> <font size="1">"Obtido em "<a href="http://pt.wikipedia.org/wiki/HTML">http://pt.wikipedia.org/wiki/HTML</a>"</font></div> <div id="catlinks" class="catlinks"><div id="mw-normal-catlinks"><font size="1"><a href="http://pt.wikipedia.org/wiki/Especial:Categorias" title="Especial:Categorias">Categorias</a>: <span dir="ltr"><a href="http://pt.wikipedia.org/wiki/Categoria:Tecnologias_WWW" title="Categoria:Tecnologias WWW">Tecnologias WWW</a></span> | <span dir="ltr"><a href="http://pt.wikipedia.org/wiki/Categoria:Linguagens_de_marca%C3%A7%C3%A3o" title="Categoria:Linguagens de marcação">Linguagens de marcação</a></span> | <span dir="ltr"><a href="http://pt.wikipedia.org/wiki/Categoria:Normas_W3C" title="Categoria:Normas W3C">Normas W3C"</a></span></font></div></div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> </span> <span class='post-icons'> <span class='item-action'> <a href='https://www.blogger.com/email-post.g?blogID=2108133948547421652&postID=5776724735624704735' title='Enviar esta postagem'> <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> <span class='item-control blog-admin pid-1796546037'> <a href='https://www.blogger.com/post-edit.g?blogID=2108133948547421652&postID=5776724735624704735&from=pencil' title='Editar postagem'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <span class='post-backlinks post-comment-link'> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=2108133948547421652&postID=5776724735624704735&target=email' target='_blank' title='Enviar por e-mail'><span class='share-button-link-text'>Enviar por e-mail</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=2108133948547421652&postID=5776724735624704735&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='Postar no blog!'><span class='share-button-link-text'>Postar no blog!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=2108133948547421652&postID=5776724735624704735&target=twitter' target='_blank' title='Compartilhar no Twitter'><span class='share-button-link-text'>Compartilhar no Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=2108133948547421652&postID=5776724735624704735&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartilhar no Facebook'><span class='share-button-link-text'>Compartilhar no Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=2108133948547421652&postID=5776724735624704735&target=pinterest' target='_blank' title='Compartilhar com o Pinterest'><span class='share-button-link-text'>Compartilhar com o Pinterest</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> Marcadores: <a href='http://htmlja.blogspot.com/search/label/HTML%20...defini%C3%A7%C3%A3o...' rel='tag'>HTML ...definição...</a> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='star-ratings'> </span> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>Nenhum comentário:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Postar um comentário</h4> <p>Mensagem do formulário de comentário :</p> <a href='https://www.blogger.com/comment/frame/2108133948547421652?po=5776724735624704735&hl=pt-BR' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/4269703388-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </p> </div> </div> </div></div> </div> <div style='clear: both;'></div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://htmlja.blogspot.com/2009/07/visitas-online.html' id='Blog1_blog-pager-newer-link' title='Postagem mais recente'>Postagem mais recente</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://htmlja.blogspot.com/2009/07/linke-me.html' id='Blog1_blog-pager-older-link' title='Postagem mais antiga'>Postagem mais antiga</a> </span> <a class='home-link' href='http://htmlja.blogspot.com/'>Página inicial</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Assinar: <a class='feed-link' href='http://htmlja.blogspot.com/feeds/5776724735624704735/comments/default' target='_blank' type='application/atom+xml'>Postar comentários (Atom)</a> </div> </div> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> </aside> </div> </div> </div> <div style='clear: both'></div> <!-- columns --> </div> <!-- main --> </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot section' id='footer-1'><div class='widget Label' data-version='1' id='Label2'> <h2>Tag Cloud</h2> <div class='widget-content cloud-label-widget-content'> <span class='label-size label-size-2'> <a dir='ltr' href='http://htmlja.blogspot.com/search/label/Ferramentas%20de%20idiomas.'>Ferramentas de idiomas.</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='http://htmlja.blogspot.com/search/label/HTML%20...defini%C3%A7%C3%A3o...'>HTML ...definição...</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='http://htmlja.blogspot.com/search/label/linke-me'>linke-me</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='http://htmlja.blogspot.com/search/label/not%C3%ADcia'>notícia</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='http://htmlja.blogspot.com/search/label/Pesquisar'>Pesquisar</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='http://htmlja.blogspot.com/search/label/Poemas'>Poemas</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='http://htmlja.blogspot.com/search/label/Poesias'>Poesias</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='http://htmlja.blogspot.com/search/label/Pol%C3%ADtica%20de%20Privacidade'>Política de Privacidade</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='http://htmlja.blogspot.com/search/label/Visitas%20online'>Visitas online</a> </span> <div class='clear'></div> </div> </div></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-3'> <tbody> <tr> <td class='first columns-cell'> <div class='foot section' id='footer-2-1'><div class='widget AdSense' data-version='1' id='AdSense1'> <div class='widget-content'> <script type="text/javascript"><!-- google_ad_client="pub-3296052210640376"; google_ad_host="pub-1556223355139109"; google_ad_width=200; google_ad_height=200; google_ad_format="200x200_as"; google_ad_type="text_image"; google_ad_host_channel="0001"; google_color_border="333333"; google_color_bg="000000"; google_color_link="FFFFFF"; google_color_url="999999"; google_color_text="CCCCCC"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class='clear'></div> </div> </div><div class='widget Followers' data-version='1' id='Followers1'> <h2 class='title'>Seguidores</h2> <div class='widget-content'> <div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d2108133948547421652\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByNjNzI3MjkqByNkMmIzYjcyByNmZmZmZmY6ByMwMDAwMDBCByNjNzI3MjlKByNmZmZmZmZSByNjNzI3MjlaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26postID\x3d5776724735624704735\x26origin\x3dhttp://htmlja.blogspot.com/"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); }, 'blogger-ping': function() { } } }); } }); } followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d2108133948547421652\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByNjNzI3MjkqByNkMmIzYjcyByNmZmZmZmY6ByMwMDAwMDBCByNjNzI3MjlKByNmZmZmZmZSByNjNzI3MjlaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26postID\x3d5776724735624704735\x26origin\x3dhttp://htmlja.blogspot.com/"); </script></div> </div> </div> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML3'> <h2 class='title'>mais pesquisas...</h2> <div class='widget-content'> <div style="text-align: center;"> <form id="cse-search-box" action="http://htmlja.blogspot.com"> <div><span style="color: rgb(255, 102, 102);"><big>pesquise aqui</big></span><big> <input value="FORID:‎‏‎‎‎‎‎‎‏‏‏‏‎‏‏‎‎‎‏‎‏‏‏‎‏‎‏‏‏‏‏‏‏‏‎‏‏‏‎‎‎‏‎‎‎‏‎‎‏‎‎‎‏‎‎‏‏‎‏‏‎‎‎‏‎‎‎‏‏‏‏‏‎‎‏‎‎‎‏‎‎‏‎‏‎‏‏‏‎‏‎‎‏‎‎‎11‎‏‎‎‏‎" name="cof" type="hidden" /><span style="font-weight: bold; color: rgb(255, 102, 102);">\/</span> <input name="q" size="31" type="text" /> <input value="Pesquisar" name="sa" type="submit" /> </big></div><big> </big></form><big> <script src="http://www.google.com.br/coop/cse/brand?form=cse-search-box&lang=pt" type="text/javascript"></script> </big></div> </div> <div class='clear'></div> </div><div class='widget PopularPosts' data-version='1' id='PopularPosts1'> <h2>Popular Posts</h2> <div class='widget-content popular-posts'> <ul> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='http://htmlja.blogspot.com/2009/07/html_28.html' target='_blank'> <img alt='' border='0' src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uXI5SlbfNkqHVbAEdl1jEYb6Y4lJdwmRfsSutfckOtQtiYhX48GRTv1t6JWXZPFN7eqy1zqKU-0Oh7GU7HgddAjXNBuiKaKrgQLpma4_NQEVZEjRjSP7Sx81BbLnDfw50KpHqBYgejmj5FtLnl_WVzw5N_kbRnjwbdEuycXiEv1pEx-AhqxVmOqVRzcTY=w72-h72-p-k-no-nu'/> </a> </div> <div class='item-title'><a href='http://htmlja.blogspot.com/2009/07/html_28.html'>HTML</a></div> <div class='item-snippet'>HTML Origem: Wikipédia, a enciclopédia livre. Trecho de código HTML HTML (acrônimo para a expressão inglesa...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='http://htmlja.blogspot.com/2009/07/felicidade-e-como-uma-borboleta-que.html' target='_blank'> <img alt='' border='0' src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u5yuI3zauVRvz-ZVB1Ip2tqTL2pFycI9dXfPlNGjcMXRtX9CL4EfTUbT2X6kdJcVUznmrY5KIjzAgBC0GX2RKJ58nsCr-juehZ52o5ZJqtUB-IGGBQu9a15c6i32G_Z0C7GAM6g3vjnt-0mIg5=w72-h72-p-k-no-nu'/> </a> </div> <div class='item-title'><a href='http://htmlja.blogspot.com/2009/07/felicidade-e-como-uma-borboleta-que.html'>A felicidade é como uma borboleta que, quando...</a></div> <div class='item-snippet'> </div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='http://htmlja.blogspot.com/2011/04/md-quer-aprender-dominar-o-teclado-de.html'>MD: Quer aprender a dominar o teclado de forma rápida, divertida e interativa?</a></div> <div class='item-snippet'>MD: Quer aprender a dominar o teclado de forma rápida, divertida e interativa? http://blogggnoticia.blogspot.com</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='http://htmlja.blogspot.com/2009/07/quando-se-ama.html' target='_blank'> <img alt='' border='0' src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vYMW3GDhrbdWdkn10SCeiUIO3aL36q6wkZPCKr5CyciCxO8A9lroO14mD2WBSm8R56hZ9rUKaHOSo8reDbKJLL0LvuXh3U9U3SNbMCV38We59cOby9hc2yqX0yq54kC7M9IDX9fvHx3Fahr9OH=w72-h72-p-k-no-nu'/> </a> </div> <div class='item-title'><a href='http://htmlja.blogspot.com/2009/07/quando-se-ama.html'>"Quando se ama...</a></div> <div class='item-snippet'>***************************** *************************************** Sua notícia foi promovida no diHITT Responder a todos Encaminhar Respo...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='http://htmlja.blogspot.com/2009/12/politica-de-privacidade.html' target='_blank'> <img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVRhcfAw-v_pVrAikU4UDxL-zUkIFz16OFBgdiN6ugKFRR6im1dwaN8R3C54KlEkoI38fBmBz4JqMw6-McKKSN1O3WDT615fCdYRl50KtheqzudWoMgve-uRZrf1RKt4z0ntvCUN-VsEA/w72-h72-p-k-no-nu/Google+adsense.jpg'/> </a> </div> <div class='item-title'><a href='http://htmlja.blogspot.com/2009/12/politica-de-privacidade.html'>Política de Privacidade</a></div> <div class='item-snippet'>Política de Privacidade Este blog utiliza  tecnologias como os cookies e/ou web beacons e pode armazena-los ...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='http://htmlja.blogspot.com/2011/04/otimo-abril-o-md.html'>ótimo abril ...o/... ~ MD</a></div> <div class='item-snippet'>ótimo abril ...o/... ~ MD http://aniversariosss.blogspot.com</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='http://htmlja.blogspot.com/2009/07/sua-noticia-foi-promovida-no-dihitt.html' target='_blank'> <img alt='' border='0' src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u9oruiJDJ0c18-s5lHjq-eTkCxSNEqePBYPWab37IvRNgHWDCpcqHCcDbV4wWlv3tUsuvyc-HHv3IibY_HRW6Q-MHQNqdQKHk9UtHXAR7i9iKEq-gcNQ=w72-h72-p-k-no-nu'/> </a> </div> <div class='item-title'><a href='http://htmlja.blogspot.com/2009/07/sua-noticia-foi-promovida-no-dihitt.html'>"Sua notícia foi promovida no diHITT"</a></div> <div class='item-snippet'>Sua notícia foi promovida no diHITT Responder a todos Encaminhar Imprimir Adicionar Equipe à lista de contatos Exclui...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='http://htmlja.blogspot.com/2009/07/ferramentas-de-idiomas.html' target='_blank'> <img alt='' border='0' src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u9Vodp803XNW4lAfzn9-WGmKIi8p4Y2NKZLqhSCF6n0KhnuzYvj0lQXbXxZ5DNDZxN5eHpahjhP8-K7_MryhTsmKhcfAF_q3g8G3nJt3a4VNxjWSk=w72-h72-p-k-no-nu'/> </a> </div> <div class='item-title'><a href='http://htmlja.blogspot.com/2009/07/ferramentas-de-idiomas.html'>Ferramentas de idiomas</a></div> <div class='item-snippet'>Pesquisar em todos os idiomas Traduzir o texto albanês alemão árabe búlgaro catalão chinês coreano croata dinamarquês eslovaco esloveno espa...</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='http://htmlja.blogspot.com/2009/07/pesquisar.html'>Pesquisar>>></a></div> <div class='item-snippet'>Pesquisar \/</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-thumbnail'> <a href='http://htmlja.blogspot.com/2009/07/linke-me.html' target='_blank'> <img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigtveW5UFADwCKI3HNKtg7gsS7cigKgUCjFrUjWu2Sh7oqn-txv24kGdv6KOKFVThZpVkd1RM4n76JdHWOasr2aQCgzoul4gCQk24iIbzL7rdrvX7dl_WptJRpqdF-JFweWZx3pACcJfA/w72-h72-p-k-no-nu/200px-Html-source-code2.png'/> </a> </div> <div class='item-title'><a href='http://htmlja.blogspot.com/2009/07/linke-me.html'>linke-me</a></div> <div class='item-snippet'><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://htmlja.blogspot.com"><img s...</div> </div> <div style='clear: both;'></div> </li> </ul> <div class='clear'></div> </div> </div> </div> </td> <td class='columns-cell'> <div class='foot section' id='footer-2-2'><div class='widget AdSense' data-version='1' id='AdSense2'> <div class='widget-content'> <script type="text/javascript"><!-- google_ad_client="pub-3296052210640376"; google_ad_host="pub-1556223355139109"; google_ad_width=200; google_ad_height=200; google_ad_format="200x200_as"; google_ad_type="text_image"; google_ad_host_channel="0001"; google_color_border="333333"; google_color_bg="000000"; google_color_link="FFFFFF"; google_color_url="999999"; google_color_text="CCCCCC"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML5'> <h2 class='title'>divulgue</h2> <div class='widget-content'> <a href="http://htmlja.blogspot.com/" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5363383887578774258" border="0" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 120px; height: 60px;" alt="http://htmlja.blogspot.com " src="http://2.bp.blogspot.com/_TOgLIzRT88Y/Sm6ROrUvuvI/AAAAAAAAEl0/Ympu4fR_42g/s400/200px-Html-source-code2.png"/></a> <div style="text-align: center;"><textarea><a href="http://htmlja.blogspot.com" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img id="BLOGGER_PHOTO_ID_5363383887578774258" border="0" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 120px; height: 60px;" alt="http://htmlja.blogspot.com " src="http://2.bp.blogspot.com/_TOgLIzRT88Y/Sm6ROrUvuvI/AAAAAAAAEl0/Ympu4fR_42g/s400/200px-Html-source-code2.png"/></a><a href="http://htmlja.blogspot.com"><br/></a><br/></textarea> <span style="font-weight: bold; color: rgb(0, 51, 0);">linke-me</span> <span style="font-weight: bold; color: rgb(0, 0, 0);">clique</span> <span style="font-weight: bold; color: rgb(0, 0, 0);">selecione</span> <span style="font-weight: bold; color: rgb(0, 0, 0);">copie</span> <span style="font-weight: bold; color: rgb(0, 0, 0);">cole</span> <span style="font-weight: bold; color: rgb(0, 153, 0);">o texto da cx e</span> <span style="font-weight: bold; color: rgb(255, 0, 0);">divulgue</span> </div> </div> <div class='clear'></div> </div><div class='widget Text' data-version='1' id='Text1'> <h2 class='title'>Happy Valentine</h2> <div class='widget-content'> . </div> <div class='clear'></div> </div><div class='widget LinkList' data-version='1' id='LinkList1'> <h2>Link</h2> <div class='widget-content'> <ul> <li><a href='http:// beautytips-dicasdebeleza.blogspot.com/'>beauty tips</a></li> <li><a href='http://blogotekkk.blogspot.com/'>blogotekkk</a></li> <li><a href='http://gostoudadica.blogspot.com/'>GOSTOU DA DICA</a></li> <li><a href='http:// informaticainformatizada.blogspot.com/'>INFORMÁTICA</a></li> <li><a href='http://mensagensdiversificadas.blogspot.com/'>mensagens diversificadas</a></li> <li><a href='http://anunciosso.blogspot.com/'>SÓ ANÚNCIOS</a></li> </ul> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML7'> <h2 class='title'>indexa</h2> <div class='widget-content'> <a href="http://dihitt.com.br/"> <img border="0" src="http://b.dihitt.com.br/banners/dihitt_76x16_01.jpg"/></a> <script>var _wau = _wau || []; _wau.push(["tab", "m58d9fw8hxja", "bn1", "right-middle"]);(function() { var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script> </div> <div class='clear'></div> </div><div class='widget Stats' data-version='1' id='Stats1'> <h2>estatísticas</h2> <div class='widget-content'> <div id='Stats1_content' style='display: none;'> <script src='https://www.gstatic.com/charts/loader.js' type='text/javascript'></script> <span id='Stats1_sparklinespan' style='display:inline-block; width:75px; height:30px'></span> <span class='counter-wrapper graph-counter-wrapper' id='Stats1_totalCount'> </span> <div class='clear'></div> </div> </div> </div></div> </td> <td class='columns-cell'> <div class='foot section' id='footer-2-3'><div class='widget AdSense' data-version='1' id='AdSense3'> <div class='widget-content'> <script type="text/javascript"><!-- google_ad_client="pub-3296052210640376"; google_ad_host="pub-1556223355139109"; google_ad_width=200; google_ad_height=200; google_ad_format="200x200_as"; google_ad_type="text_image"; google_ad_host_channel="0001"; google_color_border="333333"; google_color_bg="000000"; google_color_link="FFFFFF"; google_color_url="999999"; google_color_text="CCCCCC"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML8'> <h2 class='title'>NeoCounter</h2> <div class='widget-content'> <center> <script src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js" type="text/javascript"></script><script>if (WIDGETBOX) WIDGETBOX.renderWidget('8e2cee1a-5beb-47fd-822d-b19fe14d2944');</script><noscript></noscript></center> </div> <div class='clear'></div> </div><div class='widget Subscribe' data-version='1' id='Subscribe1'> <div style='white-space:nowrap'> <h2 class='title'>Inscrever-se</h2> <div class='widget-content'> <div class='subscribe-wrapper subscribe-type-POST'> <div class='subscribe expanded subscribe-type-POST' id='SW_READER_LIST_Subscribe1POST' style='display:none;'> <div class='top'> <span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Postagens </span> <div class='feed-reader-links'> <a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fhtmlja.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'> <img src='https://resources.blogblog.com/img/widgets/subscribe-netvibes.png'/> </a> <a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fhtmlja.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'> <img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/> </a> <a class='feed-reader-link' href='http://htmlja.blogspot.com/feeds/posts/default' target='_blank'> <img align='absmiddle' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Atom </a> </div> </div> <div class='bottom'></div> </div> <div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <div class='top'> <span class='inner'> <img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/> <span onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Postagens </span> </span> </div> <div class='bottom'></div> </div> </div> <div class='subscribe-wrapper subscribe-type-PER_POST'> <div class='subscribe expanded subscribe-type-PER_POST' id='SW_READER_LIST_Subscribe1PER_POST' style='display:none;'> <div class='top'> <span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'> <img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Comentários </span> <div class='feed-reader-links'> <a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fhtmlja.blogspot.com%2Ffeeds%2F5776724735624704735%2Fcomments%2Fdefault' target='_blank'> <img src='https://resources.blogblog.com/img/widgets/subscribe-netvibes.png'/> </a> <a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fhtmlja.blogspot.com%2Ffeeds%2F5776724735624704735%2Fcomments%2Fdefault' target='_blank'> <img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/> </a> <a class='feed-reader-link' href='http://htmlja.blogspot.com/feeds/5776724735624704735/comments/default' target='_blank'> <img align='absmiddle' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Atom </a> </div> </div> <div class='bottom'></div> </div> <div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1PER_POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'> <div class='top'> <span class='inner'> <img class='subscribe-dropdown-arrow' src='https://resources.blogblog.com/img/widgets/arrow_dropdown.gif'/> <span onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://resources.blogblog.com/img/icon_feed12.png'/> Comentários </span> </span> </div> <div class='bottom'></div> </div> </div> <div style='clear:both'></div> </div> </div> <div class='clear'></div> </div><div class='widget Feed' data-version='1' id='Feed2'> <h2>html já</h2> <div class='widget-content' id='Feed2_feedItemListDisplay'> <span style='filter: alpha(25); opacity: 0.25;'> <a href='http://htmlja.blogspot.com/feeds/comments/default'>Carregando...</a> </span> </div> <div class='clear'></div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive2'> <h2>Arquivados</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive2_ArchiveList'> <select id='BlogArchive2_ArchiveMenu'> <option value=''>Arquivados</option> <option value='http://htmlja.blogspot.com/2011/04/'>abr. 2011 (2)</option> <option value='http://htmlja.blogspot.com/2009/12/'>dez. 2009 (1)</option> <option value='http://htmlja.blogspot.com/2009/07/'>jul. 2009 (8)</option> </select> </div> </div> <div class='clear'></div> </div> </div><div class='widget HTML' data-version='1' id='HTML1'> <h2 class='title'>Visitas online</h2> <div class='widget-content'> <!-- Inicio Codigo Visitas online gratis opromo.com --> <script language="Javascript" src="http://www.opromo.com/servicos/usuariosonline/useronline.php?site=sitehttphtmljablogspotcom&corfont1=004600&texto=6&formato=normal&tipo=verdana&tamanho=3&simbo=2" type="text/javascript"></script> <!-- Fim Codigo Visitas online gratis opromo.com --> </div> <div class='clear'></div> </div></div> </td> </tr> </tbody> </table> <!-- outside of the include in order to lock Attribution widget --> <div class='foot section' id='footer-3'><div class='widget HTML' data-version='1' id='HTML6'> <div class='widget-content'> <span style="position: fixed; bottom: -4px; left: 0pt;"><img style="width: 1500px; height: 60px;" src="http://i53.tinypic.com/1zbqh3l.jpg" /></span> </div> <div class='clear'></div> </div><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Tema Espetacular Ltda.. Imagens de tema por <a href='http://www.istockphoto.com/googleimages.php?id=4311112&platform=blogger&langregion=pt_BR' target='_blank'>i-bob</a>. Tecnologia do <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer> <!-- content --> </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2087407620-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY5k-xm9YsWzFTuhI2dO2BCKEEuWcw:1711635800875';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2108133948547421652','//htmlja.blogspot.com/2009/07/html_28.html','2108133948547421652'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2108133948547421652', 'title': 'html j\xe1', 'url': 'http://htmlja.blogspot.com/2009/07/html_28.html', 'canonicalUrl': 'http://htmlja.blogspot.com/2009/07/html_28.html', 'homepageUrl': 'http://htmlja.blogspot.com/', 'searchUrl': 'http://htmlja.blogspot.com/search', 'canonicalHomepageUrl': 'http://htmlja.blogspot.com/', 'blogspotFaviconUrl': 'http://htmlja.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'pt-BR', 'localeUnderscoreDelimited': 'pt_br', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22html j\xe1 - Atom\x22 href\x3d\x22http://htmlja.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22html j\xe1 - RSS\x22 href\x3d\x22http://htmlja.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22html j\xe1 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2108133948547421652/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22html j\xe1 - Atom\x22 href\x3d\x22http://htmlja.blogspot.com/feeds/5776724735624704735/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-3296052210640376', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/9058130ec67b7088', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Gerar link', 'key': 'link', 'shareMessage': 'Gerar link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartilhar no Facebook', 'target': 'facebook'}, {'name': 'Postar no blog!', 'key': 'blogThis', 'shareMessage': 'Postar no blog!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Compartilhar no Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartilhar no Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27pt_BR\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leia mais', 'pageType': 'item', 'postId': '5776724735624704735', 'postImageUrl': 'http://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Html-source-code2.png/200px-Html-source-code2.png', 'pageName': 'HTML', 'pageTitle': 'html j\xe1: HTML'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'Link copiado para a \xe1rea de transfer\xeancia.', 'ok': 'Ok', 'postLink': 'Link da postagem'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Personalizar', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true, 'variant': 'artsy', 'variantId': 'artsy'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'HTML', 'description': 'HTML \t\t \t\t\t Origem: Wikip\xe9dia, a enciclop\xe9dia livre. \t\t\t \t\t\t\t\t\t\t\t\t \t\t\t Trecho de c\xf3digo HTML HTML (acr\xf4nimo para a express\xe3o inglesa...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uXI5SlbfNkqHVbAEdl1jEYb6Y4lJdwmRfsSutfckOtQtiYhX48GRTv1t6JWXZPFN7eqy1zqKU-0Oh7GU7HgddAjXNBuiKaKrgQLpma4_NQEVZEjRjSP7Sx81BbLnDfw50KpHqBYgejmj5FtLnl_WVzw5N_kbRnjwbdEuycXiEv1pEx-AhqxVmOqVRzcTY', 'url': 'http://htmlja.blogspot.com/2009/07/html_28.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5776724735624704735}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'crosscol', document.getElementById('PageList1'), {'title': '\xednicio', 'links': [{'isCurrentPage': false, 'href': 'http://htmlja.blogspot.com/', 'title': '\xednicio'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense4', 'main', document.getElementById('AdSense4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense6', 'main', document.getElementById('AdSense6'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense5', 'main', document.getElementById('AdSense5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'main', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'main', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'main', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'main', document.getElementById('HTML9'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/779521193-lbx__pt_br.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3268905543-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'footer-1', document.getElementById('Label2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'footer-2-1', document.getElementById('AdSense1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'footer-2-1', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'footer-2-1', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'footer-2-1', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense2', 'footer-2-2', document.getElementById('AdSense2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'footer-2-2', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'footer-2-2', document.getElementById('Text1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'footer-2-2', document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'footer-2-2', document.getElementById('HTML7'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats1', 'footer-2-2', document.getElementById('Stats1'), {'title': 'estat\xedsticas', 'showGraphicalCounter': true, 'showAnimatedCounter': true, 'showSparkline': true, 'statsUrl': '//htmlja.blogspot.com/b/stats?style\x3dBLACK_TRANSPARENT\x26timeRange\x3dALL_TIME\x26token\x3dAPq4FmB3aXlw4hyIZuAYg0B84nAoC5LYSu8QTWMYooa8xBuVPJzWD-wcdI7Uy3H79fT3vPIfxeXTGiZWJfgpNCPwlEQPIBaA6w'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense3', 'footer-2-3', document.getElementById('AdSense3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'footer-2-3', document.getElementById('HTML8'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'footer-2-3', document.getElementById('Subscribe1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeedView', new _WidgetInfo('Feed2', 'footer-2-3', document.getElementById('Feed2'), {'title': 'html j\xe1', 'showItemDate': false, 'showItemAuthor': true, 'feedUrl': 'http://htmlja.blogspot.com/feeds/comments/default', 'numItemsShow': 5, 'loadingMsg': 'Carregando...', 'openLinksInNewWindow': false, 'useFeedWidgetServ': 'true'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive2', 'footer-2-3', document.getElementById('BlogArchive2'), {'languageDirection': 'ltr', 'loadingMessage': 'Carregando\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer-2-3', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'footer-3', document.getElementById('HTML6'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>