Mariana Costa

HTML - Listagem de comandos

Título do documento:

escreva aqui o titulo da pagina Ou seja, escreva </code> no início do título e <code> para avisar que já terminou o título.
Evite usar acentuação dentro do title pois é o gerenciador de janelas (window manager) quem interpreta o title e não o software de navegação e muitas vezes o gerenciador de janelas não suporta caracteres acentuados.
O título deve ser o mais explicativo possível porem, compacto (no máximo uma linha).

Cabeçalhos (Headers):

Cabeçalhos podem ser usados em qualquer parte da página em HTML para dar destaque maior ou menor a algum termo do texto. Existem 6 tamanhos de cabeçalhos e eles são usados da seguinte forma:

. . . Cabeçalho H1

. . . Cabeçalho H2

. . . Cabeçalho H3

. . . Cabeçalho H4

. . . Cabeçalho H5

. . . Cabeçalho H6

Tipos de letra:

Itálico (Exemplo de texto em itálico):

. . . Bold (Exemplo de texto em bold):

. . . Code (Exemplo de texto em "code"):

. . . Blink (Letras piscando):

. . .

Listas:

Criando uma lista de elementos tipo "ul" (Unordered List):

O exemplo:

Exemplo
de lista
não ordenada

Foi criada com o comando

. . . (que afasta todo o conteúdo para a direita) combinado com o comando

(cria uma marca na frente de cada item), escrito da seguinte forma:


 Aqui vai um item da lista


 Aqui vai o proximo item.


 E pronto.

Criando uma lista de elementos tipo "ol" (Ordered List):

Exemplo
de lista
ordenada.

A diferença da lista tipo "ul" é que neste caso cada item possui um número na sua frente, colocado automaticamente por cada

encontrado.


 Aqui vai um item da lista


 Aqui vai o proximo item.

É possível combinar listas "ol" e "ul" e também criar listas dentro de listas como no caso:


Item A
Um sub-item do A
Outro sub-item do A


Item B
Item C

Formatando o texto na página:

Ao escrever um texto em HTML, a formatação (espaços entre uma palavra e outra e distância entre uma linha e outra) não é interpretada, ou seja, é preciso incluir comandos de quebra de linha, parágrafo e de texto pré-formatado como os que seguem:Termina uma linha de texto (pula para próxima linha):

Termina um parágrafo (pula duas linhas):

Para pular várias linhas, não adianta usar diversos seguidos. O que pode ser feito para pular diversas linhas é usar o comando

, seguido de alguns "Enter" e depois o comando

para terminar.
Colocando um texto pré-formatado:

 coloque o texto aqui

Exemplo de texto pré-formatado:

              "Este   é   um texto
                           pre-formatado."

Normalmente a apresentação de um texto formatado pelo comando pre é pior do que a de um texto formatado pelos comandos de formatação do HTML.Iniciando um parágrafo de texto:

Este comando afasta a primeira linha do texto que vem a seguir dele um pouco para a direita.
Interpretando o HTML como se fosse texto puro (.txt):

</plaintext></code>Deste comando para frente tudo é interpretado como texto puro, ignorando os comandos do HTML, mostrando os comandos junto com o texto.<br />
<b>Centralizando textos e imagens:</b><br />
</dd><dd><code><center>
 . . . </center>
</code><br />
<hr />
<h3>
<i>Criando linhas de separação:</i></h3>
O comando&nbsp;<code><hr />
</code>&nbsp;cria uma linha horizontal em uma página e pode ser utilizado com alguns atributos:</dd><dd><code><hr align="alinhamento" size="altura_da_linha" width="largura" />
</code>Onde a largura pode ser definida em pixels (width=100 por exemplo) ou em porcentagem do tamanho horizontal da tela (width=30% por exemplo).<br />
Exemplo:<br /><code><hr align="right" size="8" width="50%" />
</code><br />cria uma linha com 8 pixels de altura, com largura igual a 50% do tamanho da tela, alinhada à direita, como a seguinte:<br />
<hr align="right" size="8" width="50%" />
Uma linha mais sólida pode ser criada usando o atributo&nbsp;<code>noshade</code>&nbsp;junto com o&nbsp;<code>hr</code>, como no exemplo:<br /><code><hr noshade="noshade" width="30%" />
</code><br />Gera a linha:<br />
<hr noshade="" width="30%" />
<br />
<hr />
<h3>
<i>Diversos:</i></h3>
Colocando comentários no HTML:</dd><dd><code><!-- . . . --></code>Exemplo:</dd><dd><code><!-- este texto não aprecerá na página --></code><br />
<hr />
<h3>
<i>Colocando imagens dentro da tela:</i></h3>
As imagens que aparecem nas páginas da WWW podem estar no formato GIF ou JPEG. O formato JPEG não é compatível com todos os programas de acesso e pode resultar em perda de qualidade na imagem, porém, costuma ser de menor tamanho (em kbytes) do que o formato GIF.O comando para colocar uma imagem é:<br />
</dd><dd><code><img src="imagem" /></code>Sendo "imagem" o nome da imagem ou o endereço onde ela se encontra.<br />
Exemplos:<br />
<code><img src="tela.gif" /></code><br />Inclui uma imagem chamada "tela.gif"<br />
<code><img src="images/tela.gif" /></code><br />Busca a imagem "tela.gif" dentro do diretorio "images"<br />
<code><img height="60" src="http://www.lsi.usp.br/icones/lsi2.gif" width="87" /></code><br />Busca a imagem "lsi2.gif" no endereço "www.lsi.usp.br", dentro do diretório "icones"<br />
Alguns parâmetros podem ser utilizados com o&nbsp;<code>img src</code>:<br />
<b>Alinhamento:</b><br /><code><img align="alinhamento" src="imagem" /></code><br />
Os tipos possíveis para "alinhamento" são:<br />
<br />
<hr align="left" size="1" width="50%" />
<code>align="right"</code><br />Posiciona a imagem à direita da tela.<br />
<hr align="left" size="1" width="50%" />
<code>align="left"</code><br />Posiciona a imagem à esquerda da tela.</dd><html>
<heard></heard></html>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
Postado por
<span class='fn'>
<a href='https://www.blogger.com/profile/14654852687039139697' rel='author' title='author profile'>
Mariana Costa
</a>
</span>
</span>
<span class='post-timestamp'>
às
<a class='timestamp-link' href='http://marianacosta180.blogspot.com/2013/01/html-listagem-de-comandos-titulo-do.html' rel='bookmark' title='permanent link'><abbr class='published' title='2013-01-20T18:41:00-08:00'>18:41</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-action'>
<a href='https://www.blogger.com/email-post.g?blogID=4151737033861788550&postID=7715318655936975454' 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-772136396'>
<a href='https://www.blogger.com/post-edit.g?blogID=4151737033861788550&postID=7715318655936975454&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=4151737033861788550&postID=7715318655936975454&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=4151737033861788550&postID=7715318655936975454&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=4151737033861788550&postID=7715318655936975454&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=4151737033861788550&postID=7715318655936975454&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=4151737033861788550&postID=7715318655936975454&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'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'></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>
</p>
<a href='https://www.blogger.com/comment/frame/4151737033861788550?po=7715318655936975454&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 class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://marianacosta180.blogspot.com/2013/01/introducao-ao-html-todo-documento-html.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://marianacosta180.blogspot.com/2012/05/mariana-costa.html' id='Blog1_blog-pager-older-link' title='Postagem mais antiga'>Postagem mais antiga</a>
</span>
<a class='home-link' href='http://marianacosta180.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://marianacosta180.blogspot.com/feeds/7715318655936975454/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>
<div class='sidebar section' id='sidebar-left-1'><div class='widget HTML' data-version='1' id='HTML9'>
<div class='widget-content'>
<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script> 
<script type="text/javascript"> 
var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; 
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); 
var twitterAccount = 'https://twitter.com/#!/Marianinha360'; 
var twitterThisText =''; 
tripleflapInit(); 
</script>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML6'>
<div class='widget-content'>
<center><embed src="http://gerador.mensagensmagicas.com/led/LCD1.swf" flashvars="t=SEJA BEM VINDO&msg=Led&b=1" quality="high" bgcolor="#000000" width="230" height="60" name="LCDScroller" align="middle" allowscriptaccess="samedomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br /><font size="-2"><a href="http://www.mensagensmagicas.com/geradoresrecados/">MensagensMagicas.com</a></font></embed></center>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML5'>
<div class='widget-content'>
<div class = "fb-subscribe" 
  dados href = "https://www.facebook.com/zuck" dados width = "450">
</div>
</div>
<div class='clear'></div>
</div><div class='widget Text' data-version='1' id='Text1'>
<h2 class='title'>Termos Blog Mariana Costa</h2>
<div class='widget-content'>
<span style="LINE-HEIGHT: 17px;font-family:Arial, Verdana, sans-serif;font-size:13;" class="Apple-style-span">O bLog Mariana Costa 180 disponibiliza links de downloads e demais conteúdos encontrados em outros sites da internet, com o objetivo único de compartilhar o conteúdo encontrado na grande rede.</span><span class="Apple-style-span" style="font-family: Arial, Verdana, sans-serif; font-size: 13px; line-height: 17px; ">Estes links são disponibilizados gratuitamente, assim como já estão na internet, portanto, não nos responsabilizamos pelos mesmos e por seus respectivos conteúdos. Todos os downloads são por sua conta e risco e encontram-se hospedados em sua origem. Recomendamos cautela e perícia na escolha de seus downloads.</span>
</div>
<div class='clear'></div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Arquivo do blog</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

        &#9660;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2013/'>
2013
</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

        &#9660;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2013/01/'>
01
</a>
<span class='post-count' dir='ltr'>(2)</span>
<ul class='posts'>
<li><a href='http://marianacosta180.blogspot.com/2013/01/introducao-ao-html-todo-documento-html.html'>Introdução ao HTML&#160;Todo documento HTML é composto ...</a></li>
<li><a href='http://marianacosta180.blogspot.com/2013/01/html-listagem-de-comandos-titulo-do.html'>
HTML - Listagem de comandos


Título do documento...</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2012/'>
2012
</a>
<span class='post-count' dir='ltr'>(11)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2012/05/'>
05
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2012/03/'>
03
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2012/02/'>
02
</a>
<span class='post-count' dir='ltr'>(8)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2012/01/'>
01
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/'>
2011
</a>
<span class='post-count' dir='ltr'>(205)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/12/'>
12
</a>
<span class='post-count' dir='ltr'>(19)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/11/'>
11
</a>
<span class='post-count' dir='ltr'>(12)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/10/'>
10
</a>
<span class='post-count' dir='ltr'>(13)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/09/'>
09
</a>
<span class='post-count' dir='ltr'>(9)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/08/'>
08
</a>
<span class='post-count' dir='ltr'>(6)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/07/'>
07
</a>
<span class='post-count' dir='ltr'>(11)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/06/'>
06
</a>
<span class='post-count' dir='ltr'>(8)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/05/'>
05
</a>
<span class='post-count' dir='ltr'>(17)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/04/'>
04
</a>
<span class='post-count' dir='ltr'>(39)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/03/'>
03
</a>
<span class='post-count' dir='ltr'>(10)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2011/02/'>
02
</a>
<span class='post-count' dir='ltr'>(61)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2010/'>
2010
</a>
<span class='post-count' dir='ltr'>(25)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2010/11/'>
11
</a>
<span class='post-count' dir='ltr'>(3)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2010/10/'>
10
</a>
<span class='post-count' dir='ltr'>(2)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2010/09/'>
09
</a>
<span class='post-count' dir='ltr'>(18)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2010/03/'>
03
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2010/02/'>
02
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2009/'>
2009
</a>
<span class='post-count' dir='ltr'>(10)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2009/11/'>
11
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2009/10/'>
10
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2009/07/'>
07
</a>
<span class='post-count' dir='ltr'>(1)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        &#9658;&#160;
      
</span>
</a>
<a class='post-count-link' href='http://marianacosta180.blogspot.com/2009/06/'>
06
</a>
<span class='post-count' dir='ltr'>(7)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget Label' data-version='1' id='Label1'>
<h2>Marcadores</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Apostilas'>Apostilas</a>
<span dir='ltr'>(9)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/CD'>CD</a>
<span dir='ltr'>(14)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Curiosidades'>Curiosidades</a>
<span dir='ltr'>(19)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Cursos'>Cursos</a>
<span dir='ltr'>(6)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Dicas'>Dicas</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Documentarios'>Documentarios</a>
<span dir='ltr'>(8)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/DVD%20Musical'>DVD Musical</a>
<span dir='ltr'>(2)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Filme'>Filme</a>
<span dir='ltr'>(11)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Fotos'>Fotos</a>
<span dir='ltr'>(5)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Jogos'>Jogos</a>
<span dir='ltr'>(4)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Noticias'>Noticias</a>
<span dir='ltr'>(27)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Poemas'>Poemas</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Programa'>Programa</a>
<span dir='ltr'>(29)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/REGGAE'>REGGAE</a>
<span dir='ltr'>(1)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Tutorial'>Tutorial</a>
<span dir='ltr'>(10)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Videos'>Videos</a>
<span dir='ltr'>(62)</span>
</li>
<li>
<a dir='ltr' href='http://marianacosta180.blogspot.com/search/label/Yolanda%20BE%20Cool'>Yolanda BE Cool</a>
<span dir='ltr'>(1)</span>
</li>
</ul>
<div class='clear'></div>
</div>
</div></div>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<div class='sidebar section' id='sidebar-right-1'><div class='widget HTML' data-version='1' id='HTML8'>
<h2 class='title'>Previsão do Tempo</h2>
<div class='widget-content'>
<iframe src='http://selos.climatempo.com.br/selos/mostraselopraia.php?codpraia=854,211,210,877&skin=laranja' scrolling='no' frameborder='0' width='150' height='185' marginheight='0' marginwidth='0'></iframe>
<iframe src='http://selos.climatempo.com.br/selos/mostraselo.php?codcidade=978,979,60,3418,960&skin=laranja' scrolling='no' frameborder='0' width=150 height='170' marginheight='0' marginwidth='0'></iframe>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<h2 class='title'>Relogio</h2>
<div class='widget-content'>
<div align="center"><embed src="http://www.cryd.com.br/relogios-feitos-em-flash/swf/10-09/90.swf" quality="high" wmode="transparent" type="application/x-shockwave-flash" width="165" height="165"></embed></div>
</div>
<div class='clear'></div>
</div><div class='widget Stats' data-version='1' id='Stats1'>
<h2>Total de visualizações de página</h2>
<div class='widget-content'>
<div id='Stats1_content' style='display: none;'>
<span class='counter-wrapper graph-counter-wrapper' id='Stats1_totalCount'>
</span>
<div class='clear'></div>
</div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML3'>
<h2 class='title'>Relogio</h2>
<div class='widget-content'>
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-orange.swf";obj.TimeZone="Brazil_Aracaju";obj.width=120;obj.height=40;obj.wmode="transparent";showClock(obj);</script>
</div>
<div class='clear'></div>
</div><div class='widget Profile' data-version='1' id='Profile1'>
<h2>Quem sou eu</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/14654852687039139697'><img alt='Minha foto' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjADZN28X2CeAcpY7lHatPlvdYFAOzNTomOXOPEucAR5q4rBcFAWLQiasODLZaOD8ftCQN6ObT50Z6529Q0Qu93gDDROBBk8wMo57_qcVSh-jiNEYC7GLNdszh3PyfVpHs/s220/DSC06549.JPG' width='60'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/14654852687039139697' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
Mariana Costa
</a>
</dt>
<dd class='profile-data'>Fortaleza, Ceará, Brazil</dd>
<dd class='profile-textblock'>Sou somente eu!</dd>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/14654852687039139697' rel='author'>Ver meu perfil completo</a>
<div class='clear'></div>
</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%2Fmarianacosta180.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%2Fmarianacosta180.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://marianacosta180.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%2Fmarianacosta180.blogspot.com%2Ffeeds%2F7715318655936975454%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%2Fmarianacosta180.blogspot.com%2Ffeeds%2F7715318655936975454%2Fcomments%2Fdefault' target='_blank'>
<img src='https://resources.blogblog.com/img/widgets/subscribe-yahoo.png'/>
</a>
<a class='feed-reader-link' href='http://marianacosta180.blogspot.com/feeds/7715318655936975454/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 Image' data-version='1' id='Image2'>
<h2>Olhar Digital</h2>
<div class='widget-content'>
<a href='http://olhardigital.uol.com.br/produtos/central_de_videos/como-encontrar-imagens-livres-de-direitos-autorais-na-rede/13972'>
<img alt='Olhar Digital' height='127' id='Image2_img' src='http://1.bp.blogspot.com/_GY_dwOJdAFE/TJaZqtq2HbI/AAAAAAAAAEo/V3GTwvbu6iM/S170/g_481062_0001.jpg' width='170'/>
</a>
<br/>
<span class='caption'>Como encontrar imagens livres de direitos autorais na rede?</span>
</div>
<div class='clear'></div>
</div><div class='widget BlogSearch' data-version='1' id='BlogSearch1'>
<h2 class='title'>Pesquisar este blog</h2>
<div class='widget-content'>
<div id='BlogSearch1_form'>
<form action='http://marianacosta180.blogspot.com/search' class='gsc-search-box' target='_top'>
<table cellpadding='0' cellspacing='0' class='gsc-search-box'>
<tbody>
<tr>
<td class='gsc-input'>
<input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/>
</td>
<td class='gsc-search-button'>
<input class='gsc-search-button' title='search' type='submit' value='Pesquisar'/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div class='clear'></div>
</div><div class='widget Feed' data-version='1' id='Feed1'>
<h2>Baixaki - Destaques-Baixaki</h2>
<div class='widget-content' id='Feed1_feedItemListDisplay'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a href='http://www.baixaki.com.br/rss/destaques.xml'>Carregando...</a>
</span>
</div>
<div class='clear'></div>
</div><div class='widget Followers' data-version='1' id='Followers1'>
<h2 class='title'>Amigos</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\x3d4151737033861788550\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByM4YTJlMmUqC3RyYW5zcGFyZW50MgcjODI4MjgyOgcjMDAwMDAwQgcjOGEyZTJlSgcjMDAwMDAwUgcjOGEyZTJlWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dhttp://marianacosta180.blogspot.com/");
              },
              'open': function(url) {
                window.followersIframe.close();
                followersIframeOpen(url);
              },
              'blogger-ping': function() {
              }
            }
          });
        }
      });
    }
    followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d4151737033861788550\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByMwMDAwMDAiByM4YTJlMmUqC3RyYW5zcGFyZW50MgcjODI4MjgyOgcjMDAwMDAwQgcjOGEyZTJlSgcjMDAwMDAwUgcjOGEyZTJlWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dhttp://marianacosta180.blogspot.com/");
  </script></div>
</div>
</div>
<div class='clear'></div>
</div>
</div></div>
</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 Image' data-version='1' id='Image1'>
<h2>Marianinha</h2>
<div class='widget-content'>
<img alt='Marianinha' height='570' id='Image1_img' src='http://2.bp.blogspot.com/_GY_dwOJdAFE/TJpg4ESddpI/AAAAAAAAAIs/eQsbziK2Prg/S760/wallpaper_need_for_speed_most_wanted_04_1024.jpg' width='760'/>
<br/>
</div>
<div class='clear'></div>
</div></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='foot no-items section' id='footer-2-1'></div>
</td>
<td class='columns-cell'>
<div class='foot section' id='footer-2-2'><div class='widget BloggerButton' data-version='1' id='BloggerButton1'>
<div class='widget-content'>
<a href='https://www.blogger.com'><img alt='Powered By Blogger' src='https://www.blogger.com/buttons/blogger-simple-blue.gif'/></a>
<div class='clear'></div>
</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 Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Tema Janela de imagem. Imagens de tema por <a href='http://www.istockphoto.com/googleimages.php?id=2374652&platform=blogger&langregion=pt_BR' target='_blank'>enot-poloskun</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/523887051-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6cnOI9FBaeDuoC7s7j_Tg0UHJvzw:1716113897331';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4151737033861788550','//marianacosta180.blogspot.com/2013/01/html-listagem-de-comandos-titulo-do.html','4151737033861788550');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4151737033861788550', 'title': 'Mariana Costa', 'url': 'http://marianacosta180.blogspot.com/2013/01/html-listagem-de-comandos-titulo-do.html', 'canonicalUrl': 'http://marianacosta180.blogspot.com/2013/01/html-listagem-de-comandos-titulo-do.html', 'homepageUrl': 'http://marianacosta180.blogspot.com/', 'searchUrl': 'http://marianacosta180.blogspot.com/search', 'canonicalHomepageUrl': 'http://marianacosta180.blogspot.com/', 'blogspotFaviconUrl': 'http://marianacosta180.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\x22Mariana Costa - Atom\x22 href\x3d\x22http://marianacosta180.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Mariana Costa - RSS\x22 href\x3d\x22http://marianacosta180.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mariana Costa - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4151737033861788550/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mariana Costa - Atom\x22 href\x3d\x22http://marianacosta180.blogspot.com/feeds/7715318655936975454/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/8a8c39e8754b0ef7', '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': '7715318655936975454', 'postImageUrl': 'imagem', 'pageName': '', 'pageTitle': 'Mariana Costa'}}, {'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': 'open', 'variantId': 'open'}}, {'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': 'Mariana Costa', 'description': ' HTML - Listagem de comandos    T\xedtulo do documento:    escreva aqui o titulo da pagina Ou seja, escreva\xa0 \x3c/code\x3e\xa0no in\xedcio do t\xedtulo e\xa0\x3ccod...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tkO-tu7kkSPd6g2o1GHJXujDPr_lCaaJkOySh8cLMQrc-TsCNL0Z167OxlOOoY', 'url': 'http://marianacosta180.blogspot.com/2013/01/html-listagem-de-comandos-titulo-do.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 7715318655936975454}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1511232511-lbx__pt_br.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar-left-1', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar-left-1', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar-left-1', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'sidebar-left-1', document.getElementById('Text1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-left-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Carregando\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-left-1', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar-right-1', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-right-1', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats1', 'sidebar-right-1', document.getElementById('Stats1'), {'title': 'Total de visualiza\xe7\xf5es de p\xe1gina', 'showGraphicalCounter': true, 'showAnimatedCounter': true, 'showSparkline': false, 'statsUrl': '//marianacosta180.blogspot.com/b/stats?style\x3dBLACK_TRANSPARENT\x26timeRange\x3dALL_TIME\x26token\x3dAPq4FmAQ01x70idoRNeXKiw2QJxT0p5_xMc65uTjbO9OOfvPQIlaHPH8yAlzHy6is6zXdZinOv8KQct1qrjTyL8CdCtfdW92Vw'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-1', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar-right-1', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'sidebar-right-1', document.getElementById('Subscribe1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image2', 'sidebar-right-1', document.getElementById('Image2'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar-right-1', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeedView', new _WidgetInfo('Feed1', 'sidebar-right-1', document.getElementById('Feed1'), {'title': 'Baixaki - Destaques-Baixaki', 'showItemDate': false, 'showItemAuthor': false, 'feedUrl': 'http://www.baixaki.com.br/rss/destaques.xml', 'numItemsShow': 5, 'loadingMsg': 'Carregando...', 'openLinksInNewWindow': false, 'useFeedWidgetServ': 'true'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar-right-1', document.getElementById('Followers1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'footer-1', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BloggerButtonView', new _WidgetInfo('BloggerButton1', 'footer-2-2', document.getElementById('BloggerButton1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull'));
</script>
</body>
</html>

domingo, 20 de janeiro de 2013

HTML - Listagem de comandos

Título do documento:

Cabeçalhos (Headers):

. . .

Cabeçalho H1

. . .

Cabeçalho H2

. . .

Cabeçalho H3

. . .

Cabeçalho H4

. . .

Cabeçalho H5

. . .

Cabeçalho H6

Tipos de letra:

Listas:

Criando uma lista de elementos tipo "ul" (Unordered List):

Criando uma lista de elementos tipo "ol" (Ordered List):

Formatando o texto na página: