如何将html代码显示在网页中

html-css017

如何将html代码显示在网页中,第1张

页面中显示HTML标签源代码

归纳几种方法,根据需求选用:

a: 把代码写在文本区域 <textarea>标签中。可以设置 disabled="disabled" 属性,禁止用户操作。

b: 把要显示在html文档中标签的 "<"、">" 用实体字符替换掉。如:<p&gt</p>外层嵌套<pre>标签可使页面与HTML格式一致。

C: 用程序批量替换。

html的head区域中加上<script language="javascript">location.replace("http://192.168.1.201") </script>即可<html>

html代码如下:

<head>

<title>页面跳转</title>

<script language="javascript">location.replace("http://192.168.1.201") </script>

</head>

<body>

</body>

</html>

扩展资料:

网页HTML代码大全

文件类型 <HTML></HTML>(放在档案的开头与结尾)

文件主题 <TITLE></TITLE>(必须放在「文头」区块内)

文头 <HEAD></HEAD>(描述性资料,像是「主题」)

文体 <BODY></BODY>(文件本体)

(由浏览器控制的显示风格)

标题 <H?></H?>(从1到6,有六层选择)

标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>

区分 <DIV></DIV>

区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文区块 <BLOCKQUOTE></BLOCKQUOTE>(通常会内缩)

强调 <EM></EM>(通常会以斜体显示)

特别强调 <STRONG></STRONG>(通常会以加粗显示)

引文 <CITE></CITE>(通常会以斜体显示)

码 <CODE></CODE>(显示原始码之用)

样本 <SAMP></SAMP>

键盘输入 <KBD></KBD>

变数 <VAR></VAR>

定义 <DFN></DFN>(有些浏览器不提供)

地址 <ADDRESS></ADDRESS>

大字 <BIG></BIG>

小字 <SMALL></SMALL>

与外观相关的标签(作者自订的表现方式)

加粗 <B></B>

斜体 <I></I>

底线 <U></U>(尚有些浏览器不提供)

删除线 <S></S>(尚有些浏览器不提供)

下标 <SUB></SUB>

上标 <SUP></SUP>

打字机体 <TT></TT>(用单空格字型显示)

预定格式 <PRE></PRE>(保留文件中空格的大小)

预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算)

向中看齐 <CENTER></CENTER>(文字与图片都可以)

可以用pre标签显示

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre>标签的一个常见应用就是用来表示计算机的源代码。

可以导致段落断开的标签(例如标题、<p>和 <address>标签)绝不能包含在 <pre>所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。

pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如 <a>标签)放到 <pre>块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。请看下面的例子:

<pre>

<html>

<head>

<script type="text/javascript" src="loadxmldoc.js">

</script>

</head>

<body>

<script type="text/javascript">

xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>("books.xml")

document.write("xmlDoc is loaded, ready for use")

</script>

</body>

</html>

</pre>

在上面的代码中,<pre>标签中的特殊符号被转换为符号实体,比如 "<" 代表 "<",">" 代表 ">"。另外,请注意蓝色的代码,我们在 <pre>标签中使用了链接,也就是 <a>标签。上面这段代码的显示效果如下:

<html>

<head>

<script type="text/javascript" src="loadxmldoc.js">

</script>

</head>

<body>

<script type="text/javascript">

xmlDoc=loadXMLDoc("books.xml")

document.write("xmlDoc is loaded, ready for use")

</script>

</body>

</html>