Как визуализировать HTML-код внутри html-документа?

Question

Это мои коды

string="<img src=\"/HTMLFiles\\Help\\Help\\Help_1.gif\" alt=\"Help_1.gif\" width=\"882\" height=\"382\" style=\"vertical-align:middle\" /><img src=\"/HTMLFiles\\Help\\Help\\spikeyIcon.png\" alt=\"Spikey\" width=\"20\" height=\"21\" style=\"padding-right:2px; border:0px solid white; vertical-align:middle;\" />"; 

Однако я пытался теги <p> <pre><code>, просто

<pre><code>string="<img src=\"/HTMLFiles\\Help\\Help\\Help_1.gif\" alt=\"Help_1.gif\" width=\"882\" height=\"382\" style=\"vertical-align:middle\" /><img src=\"/HTMLFiles\\Help\\Help\\spikeyIcon.png\" alt=\"Spikey\" width=\"20\" height=\"21\" style=\"padding-right:2px; border:0px solid white; vertical-align:middle;\" />";</code></pre> 

Сохранить код в HTML файл, откройте файл HTML с помощью в Internet Explorer.

становится: (два изображения)

Как может сделать мой HTML исходный код внутри страницы HTML?

Как насчет теперь, я думаю, теперь вопрос ясен.

Пожалуйста, дайте мне немного оборотов, чтобы преодолеть какой-то отрицательный результат, поскольку я запрещен.

Answer 1

Предполагая, что вы пытаетесь отобразить источник html, замените все < на < и с помощью >.

Для дальнейшего чтения смотрите this article.

Answer 2

это до вашего редактирования (что делает совершенно новый вопрос)

что-то вроде

HTML

<div id="foobar"></div> 

Js

string="<img src=\"/HTMLFiles\\Help\\Help\\Help_1.gif\" alt=\"Help_1.gif\" width=\"882\" height=\"382\" style=\"vertical-align:middle\" /><img src=\"/HTMLFiles\\Help\\Help\\spikeyIcon.png\" alt=\"Spikey\" width=\"20\" height=\"21\" style=\"padding-right:2px; border:0px solid white; vertical-align:middle;\" />"; 

$("#foobar").html = string; 

и вы можете заменить \" с простым ' делает его более читаемым.

Answer 3

--after вопрос edit--

использование &lt и &gt вместо < и >, в противном случае <img... понимается как элемент HTML img браузером.

и нет необходимости экранировать " с \" вы можете просто оставить его