Tutorial: criando uma caixa para exibir codigos HTML

Hi pessoas

Nossa, como é difícil de achar algo que ensine criar aquelas caixinhas que mostram os códigos HTML. Nós blogueiros e blogueiras precisamos muito destas coisas, principalmente aqueles que publicam tutoriais (meu caso). Neste primeiro tutorial, vou te explicar como se faz, é muito simples.


Cole o HTML a seguir no seu post ou gadget, como preferir:

<textarea name= ''textarea'' onfocus= ''this.select()''
onmouseover= ''this.focus()'' style= ''height: 70px; margin:2px; width: 380px;''
>O CÓDIGO HTML VEM BEM AQUI</textarea>


Você pode editar o código em margem, largura na linha:

''height: 70px; margin:2px; width: 380px;'' 

Fica assim:

A MOCINHA DO FILME É LINDA E TUDO MAIS DE BOM <3



Deu certo?
Gostou do tutorial? Curte ai e compartilhe, isso nos ajuda muito a criar novos conteúdos para ajudar você!