Member 13580176 Ответов: 1

Как создать окно кодирования.


Например если я хочу сделать сайт где можно изучать HTML и CSS то как я могу добавить примеры кода потому что если я попробую
 <h1> Hello </h1> <code> in the output I see this: Hello. <br />
How can I create a way that if I have something like this:<br />
<DOCTYPE html><br />
 <head><br />
  <style type="text/css"><br />
  <br />
  </style> <br />
 </head><br />
 <br />
 <body><br />
<br />
  <h1> Here is an example of how to write "Hello" in HTML: </h1><br />
  <h1 class="code"><br />
   Hello<br />
  </h1><br />
  <br />
 </body><br />
<br />
How do I make the ".code" not look like this in the output?: Hello<br />
How do I make it look like this in the output?:<br />
  <h1 class="code"><br />
   Hello<br />
  </h1><br />
<br />
What I have tried:<br />
<br />
<code> <h1> Hello </h1> 

Richard MacCutchan

Вероятно, вам нужно сначала научиться этому самому.

1 Ответов

Рейтинг:
2

Patrice T

В html некоторые символы зарезервированы, это означает, что браузер будет видеть их как формирующую команду или html-теги. Чтобы они отображались, вам нужно заменить их символьными сущностями.
< заменяется на &lt;
> заменяется на &gt;
& заменяется на &amp;
так

<h1> Hello </h1>

заменяется на
&lt;h1&gt; Hello &lt;/h1&gt;


Чтобы увидеть некоторый текст в этом поле вопроса, используйте кнопку "кодировать" один раз.
<h1> Привет </h1>
Чтобы увидеть код в опубликованном вопросе, дважды нажмите кнопку "кодировать".
&lt;h1&gt; Привет &lt;/h1&gt;

HTML-объекты[^]