On-line Editor de HTML Blogs/Sites

Use este editor HTML online para criar snippets HTML ou até mesmo toda páginas HTML de seu site/blog, página de MySpace, etc

Editar o formulário tanto quanto você gosta. Quando você estiver pronto para ver o código, basta clicar no botão "Fonte" (no canto superior esquerdo do editor).

Clique no +1 para curtir com o

 GOOGLE +1

e ajude a comunidade a crescer!

<title></title> <h2 style="text-align: center; "> <font color="#ff0000">G</font><span style="color:#000000;">erador de HTML</span> <span style="color:#ff0000;">M</span>G DOWNS</h2> <p style="text-align: center; "> <img alt="" src="http://test.obout.com/editor_new/images/text_decoration_header.gif" style="width: 216px; height: 23px; " /></p> <p style="text-align: center; "> <span style="color:#ff0000;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span><strong><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">A</span></strong></span></span><span style="color:#000000;"><span style="font-family:verdana,geneva,sans-serif;"><strong><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">mostra de uma página</span><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span></strong></span></span></p> <p style="text-align: center; "> <strong><span style="color:#ff0000;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span></span></span><span style="color:#000000;"><span style="font-family:verdana,geneva,sans-serif;"><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">Use</span><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">este gerador de </span><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">HTML</span><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">para gerar o código</span><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">HTML</span><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">para o seu</span><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">próprio website ou</span><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">blog.</span><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">Use</span><span style="font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-size: 16px; background-color: rgb(245, 245, 245); ">a barra de ferramentas</span><span style="font-size: 16px; background-color: rgb(245, 245, 245); ">: </span></span></span></strong></p> <ul> <li style="text-align: center; "> <span style="color:#000000;"><span style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); ">Alterar</span><span style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); ">a cor do texto.</span></span></li> <li style="text-align: center; "> <span style="color:#000000;"><span class="hps" style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); ">Criar texto em negrito</span><span style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); ">ou itálico.</span><span style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); "> </span></span></li> <li style="text-align: center; "> <span style="color:#000000;"><span class="hps" style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); ">Alterar</span><span style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); ">a cor do texto</span></span></li> <li style="text-align: center; "> <span style="color:#000000;"><span class="hps" style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); ">Alterar</span><span style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); ">a família da fonte</span><span style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); "> </span><span class="hps" style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); ">ou tamanho da fonte</span><span style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); "> </span></span></li> <li style="text-align: center; "> <span style="color:#000000;"><span class="hps" style="font-family: arial, sans-serif; font-size: 16px; background-color: rgb(245, 245, 245); ">Criar hiperlinks</span></span></li> </ul> <p style="text-align: center; "> <img alt="" src="http://test.obout.com/editor_new/images/text_decoration_footer.gif" style="width: 230px; height: 21px; " /></p>