Não consigo faser uma página com HTML mostrando as tags, me ajudem:? [RESOLVIDO]

1. Não consigo faser uma página com HTML mostrando as tags, me ajudem:? [RESOLVIDO]

Thiago Soares Mota
thiagomota456

(usa Ubuntu)

Enviado em 06/02/2016 - 16:37h

Olá, para começar eu sei que o tópico esta marcado como css mais não achei a opção HTML:


Estou fazendo um projeto pessoal de por tags explicações sobre elas em um documento HTML, uma especie de documentação pessoal, faso por curiozidade e treino mesmo.

Como faço para que as tags apareçam no meu post?


Ex.:

Código:

<body>

<p>
<ul>
<li> <p></p> = respectivamente iniciar e finalizar um paragrafo.</li>
<li><b></b> = respectivamente iniciar e finalizar a parte marcada como negrito</li>

</ul>


</p>

</body>

como aparece :

= respectivamente iniciar e finalizar um paragrafo.
= respectivamente iniciar e finalizar a parte marcada como negrito


Como eu queria que mostra-se:

<p></p> = respectivamente iniciar e finalizar um paragrafo.
<b></b> = respectivamente iniciar e finalizar a parte marcada como negrito

Help. O que eu faço? sei que tem certos caracteres especiais para representar estas tags mais não consigo acha los.
Já procurei diversas vezes, não sei se estou usando termos errados sei la?


  


2. MELHOR RESPOSTA

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 07/02/2016 - 10:55h

Thiago_Mota escreveu:
Olá, para começar eu sei que o tópico esta marcado como css mais não achei a opção HTML:
Estou fazendo um projeto pessoal de por tags explicações sobre elas em um documento HTML, uma especie de documentação pessoal, faso por curiozidade e treino mesmo.
Como faço para que as tags apareçam no meu post?
Ex.:
Código:
<body>
<p>
<ul>
<li> <p></p> = respectivamente iniciar e finalizar um paragrafo.</li>
<li><b></b> = respectivamente iniciar e finalizar a parte marcada como negrito</li>
</ul>
</p>
</body>
como aparece :
= respectivamente iniciar e finalizar um paragrafo.
= respectivamente iniciar e finalizar a parte marcada como negrito
Como eu queria que mostra-se:
<p></p> = respectivamente iniciar e finalizar um paragrafo.
<b></b> = respectivamente iniciar e finalizar a parte marcada como negrito
Help. O que eu faço? sei que tem certos caracteres especiais para representar estas tags mais não consigo acha los.
Já procurei diversas vezes, não sei se estou usando termos errados sei la?


#########################################################################################
Bom dia, Thiago_Mota .
Sim, você esta buscando errado!!!
Com a seguinte busca:
https://www.google.com.br/?gws_rd=ssl#q=mostrar+codigo+html+como+texto 

Cheguei no resultado. :)

Vamos ao assunto . . .
Para exibir as tags HTML, você tem que transformar o código HTML em entities .

Traduzindo:
Para mostrar
<html> <body> </body> </html> 


O código é:
&lt;/body&gt;
&lt;/html&gt;

Observe que troquei
"<" por "&lt" e ">" por "&gt"

HTML Entities:
http://www.w3schools.com/HTML/html_entities.asp

Att.:
Marcelo Oliver





3. Re: Não consigo faser uma página com HTML mostrando as tags, me ajudem:? [RESOLVIDO]

Perfil removido
removido

(usa Nenhuma)

Enviado em 06/02/2016 - 19:12h

Precisa escapar as tags para que não sejam interpretadas

/<body> /<body/>
------------------------------------------------------------------------------------------------------------
“Se você pergunta quanto custa, é porque não pode comprar” - J.P.Morgan


4. Re: Não consigo faser uma página com HTML mostrando as tags, me ajudem:? [RESOLVIDO]

Jeffersson Abreu
ctw6av

(usa Nenhuma)

Enviado em 07/02/2016 - 10:59h

+1 tem tambem a tag "<code></code>" tudo que estiver entre elas sera mostrado como codigo , não sei se te ajuda mas pelo menos tentei rsrsrsrsrsrs .


5. Re: Não consigo faser uma página com HTML mostrando as tags, me ajudem:? [RESOLVIDO]

Thiago Soares Mota
thiagomota456

(usa Ubuntu)

Enviado em 08/02/2016 - 19:02h

msoliver escreveu:

Thiago_Mota escreveu:
Olá, para começar eu sei que o tópico esta marcado como css mais não achei a opção HTML:
Estou fazendo um projeto pessoal de por tags explicações sobre elas em um documento HTML, uma especie de documentação pessoal, faso por curiozidade e treino mesmo.
Como faço para que as tags apareçam no meu post?
Ex.:
Código:
<body>
<p>
<ul>
<li> <p></p> = respectivamente iniciar e finalizar um paragrafo.</li>
<li><b></b> = respectivamente iniciar e finalizar a parte marcada como negrito</li>
</ul>
</p>
</body>
como aparece :
= respectivamente iniciar e finalizar um paragrafo.
= respectivamente iniciar e finalizar a parte marcada como negrito
Como eu queria que mostra-se:
<p></p> = respectivamente iniciar e finalizar um paragrafo.
<b></b> = respectivamente iniciar e finalizar a parte marcada como negrito
Help. O que eu faço? sei que tem certos caracteres especiais para representar estas tags mais não consigo acha los.
Já procurei diversas vezes, não sei se estou usando termos errados sei la?


#########################################################################################
Bom dia, Thiago_Mota .
Sim, você esta buscando errado!!!
Com a seguinte busca:
https://www.google.com.br/?gws_rd=ssl#q=mostrar+codigo+html+como+texto 

Cheguei no resultado. :)

Vamos ao assunto . . .
Para exibir as tags HTML, você tem que transformar o código HTML em entities .

Traduzindo:
Para mostrar
<html> <body> </body> </html> 


O código é:
</body>
</html>

Observe que troquei
"<" por "<" e ">" por ">"

HTML Entities:
http://www.w3schools.com/HTML/html_entities.asp

Att.:
Marcelo Oliver





Muito Obrigado. É isso msm. Achei ate um site q faz isso automatico.
http://www.htmlescape.net/htmlescape_tool.html




6. Re: Não consigo faser uma página com HTML mostrando as tags, me ajudem:? [RESOLVIDO]

Thiago Soares Mota
thiagomota456

(usa Ubuntu)

Enviado em 08/02/2016 - 19:03h

kyetoy escreveu:

Precisa escapar as tags para que não sejam interpretadas

/<body> /<body/>
------------------------------------------------------------------------------------------------------------
“Se você pergunta quanto custa, é porque não pode comprar” - J.P.Morgan




cara é o que o msoliver falou. Mais msm assim Obrigado.












7. Re: Não consigo faser uma página com HTML mostrando as tags, me ajudem:? [RESOLVIDO]

Thiago Soares Mota
thiagomota456

(usa Ubuntu)

Enviado em 08/02/2016 - 19:05h

ctw6avqhzj2v2z43 escreveu:

+1 tem tambem a tag "<code></code>" tudo que estiver entre elas sera mostrado como codigo , não sei se te ajuda mas pelo menos tentei rsrsrsrsrsrs .


cara é o que o msoliver falou. Mais msm assim Obrigado.


8. Re: Não consigo faser uma página com HTML mostrando as tags, me ajudem:? [RESOLVIDO]

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 08/02/2016 - 19:54h

Thiago_Mota escreveu:
Muito Obrigado. É isso msm. Achei ate um site q faz isso automatico.
http://www.htmlescape.net/htmlescape_tool.html

##########################################################################################################
Boa noite Thiago.
Dá para montar um "htmlescape" com o JavaScript.
Veja esse exemplo:

<!DOCTYPE html>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<html>
<body>
<h1>"SED" no JavaScript</h1>
<p id="demo">As palavras desta frase serão colocadas entre aspas duplas e separadas por virgulas</p>
<button onclick="SedFunction()">TESTE</button>
<script>
function SedFunction() {
var str = document.getElementById("demo").innerHTML;
var txt = "\"";
txt += str.replace(/\s/g,"\",\"");
txt += "\"";
document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>


Att.:
Marcelo





9. Re: Não consigo faser uma página com HTML mostrando as tags, me ajudem:? [RESOLVIDO]

Thiago Soares Mota
thiagomota456

(usa Ubuntu)

Enviado em 10/02/2016 - 00:27h

msoliver escreveu:

Thiago_Mota escreveu:
Muito Obrigado. É isso msm. Achei ate um site q faz isso automatico.
http://www.htmlescape.net/htmlescape_tool.html

##########################################################################################################
Boa noite Thiago.
Dá para montar um "htmlescape" com o JavaScript.
Veja esse exemplo:

<!DOCTYPE html>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<html>
<body>
<h1>"SED" no JavaScript</h1>
<p id="demo">As palavras desta frase serão colocadas entre aspas duplas e separadas por virgulas</p>
<button onclick="SedFunction()">TESTE</button>
<script>
function SedFunction() {
var str = document.getElementById("demo").innerHTML;
var txt = "\"";
txt += str.replace(/\s/g,"\",\"");
txt += "\"";
document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>


Att.:
Marcelo



Obrigado pela dica, vou ver o que será melhor pro meu projeto.






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts