quinta-feira, 27 de novembro de 2008

Como colocar codigo dentro da sua postagem

Pessoal, pode ser uma coisa muito simples mas para quem está começando a fazer blogs como eu, isso pode ser muito útil porque com meus conhecimentos de html tentei colocar código de c++ na minha postagem, e o código possuia uma tag que não aparecia de forma alguma no blog. Lembrei de duas formas que não deram certo, então só depois de alguns dias consegui descobrir. Não havia encontrado nada na net, por isso resolvi publicar algumas formas de se colocar códigos e texto pré-formatado em seu blog.

Espero que gostem!

3 comandos interessantes de html...

o primeiro é a tag
<code>
</code>

A tag code destaca um trecho do texto para indicar que é um código qualquer de programação ou de script.

Ex:
Código sem a tag <code>
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}

Agora com a tag <code>

$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}

Viram a diferença? A tag <code> mostra o código mais espaçado que é para mais fácil entendimento do código.

Em segundo vem a tag
<pre>
</pre>

A tag como o próprio nome diz serve para fazer pré-formatação, ou seja, o que você colocar entre as tags <pre> e </pre> ficará formatado na posição como foi colocado.

Ex:
Sem a tag <pre>

$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}

Com a tag <pre>

$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}


Viram a diferença?
O código aparece na posição que eu coloquei sem retirar espaços.

Mas o que aconteceu comigo nenhuma dessas duas tags resolveram e na hora não me lembrei de como fazer pra colocar uma tag que aparecia em um código de c++ que eu queria postar. Então acabei postando errado, mas depois de alguns dias sem querer me lembrei e então resolvi postar aqui.

Se você quiser exibir uma tag como por exemplo essa <html> você só tem um jeito. Você terá que colocar de forma codificada.

O html possui caracteres reservados..Aqui uma tabela com esses caracteres pra você utilizar em seu blog ou onde precisar...



Você pode utilizar as duas codificações mostradas...

4 comentários:

  1. Boa!

    Excelente dica, agora posso botar código nos meus posts sem gambiarra :-)

    []'s

    ResponderExcluir
  2. Isso ai Eduardo...Valeu pela força...sempre que der continuarei postando...abraço

    ResponderExcluir
  3. Cara num deu certo pra mim!!!
    o que ta acontecendo?? ja pensquisei em dezenas de sites de ajuda pra isso mais nao conseguiram me ajudar! eu coloco o < code> e aparece uma caixa pra por os code depois eu fecho o < /code> e quando vou visualizar minha postagem... ta uma bagunça e num fica nada dentro do quadro do code =S

    ResponderExcluir
  4. Thow4Ever. O que pode estar acontecendo é que você tem que habilitar a interpretação de código HTML do seu site. Se for no blogspot fica em Configurações de criação de mensagem. Se não funcionar tentar das outras formas que mostrei ai no post.

    Obrigado pela visita! volte sempre!

    ResponderExcluir

Obrigado pela participação. Continue visitando Dúvidas de Programação - Programming Doubts

Links

Related Posts with Thumbnails