Mostrando postagens com marcador blog. Mostrar todas as postagens
Mostrando postagens com marcador blog. Mostrar todas as postagens

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...

Links

Related Posts with Thumbnails