cari

Rumah  >  Artikel  >  hujung hadapan web  >  html pre标签使用详解

html pre标签使用详解

黄舟
黄舟asal
2017-07-08 10:56:383444semak imbas

html中pre标签怎么用

<html>
<head>
</head>
<body>
12344
</body>
</html>

以上一个网页的源码，那么我现在要把源码输出－
那么用pre标签怎么办？

<pre class="brush:php;toolbar:false">
     这里写你想写的代码~~~~

就是这样用的

<html>
<head>
</head>
<body>
    12344
<pre class="brush:php;toolbar:false">
<html>
<head>
</head>
<body>
    12344
</body>
</html>

这么写为什么不对？

pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 3499910bf9dac5ae3c52d5ede7383485 标签）放到 e03b848252eb9375d56be284e690e873 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。
所以你得这样

<pre class="brush:php;toolbar:false"><html><br><head><br></head><br><body><br>    12344<br></body><br></html>

注意  百度修改了代码  & lt;  & gt;（没有空格）分别代表6d267e5fab17ea8bc578f9e7e5e1570b

用textarea呢？怎么用？

textarea  没问题的

<textarea name="textarea" id="textarea" cols="45" rows="5">
<html>
<head>
</head>
<body>
<code><br>
</textarea>

这次明白了，再加10分吧，多谢了。

e03b848252eb9375d56be284e690e873bc5574f69a0cba105bc93bd3dc13c4ec这个标签可以将其包起来的文字排版、格式，原封不动的呈现出来。你输入的东西被原封不动的输出,包括你输入的空格之类的,不用 和82c2f54f4cf245029ffb326befd49b3f等来表示空格或者回车了.
用于显示源码的确是不错的方案

<pre class="brush:php;toolbar:false">
$(
function() {
$("#selectBox").mousemove(
function(event) {
$("span:eq(0)").html($("#selectArea").position().left);
$("span:eq(1)").html(event.offsetX);
if ($("#selectArea").css("position") == "absolute") {
$("#selectArea").css({ left: event.clientX - $("img").offset().left });
$("#selectArea").css({ top: event.clientY - $("img").offset().top });
}
if ($("#selectArea").css("position") == "relative") {
$("#selectArea").css({ left: -(300 - event.offsetX) });
$("#selectArea").css({ top: event.offsetY });
}
}
);
}
);
</per>
<html>
<head>
</head>
<body>
    12344
<pre class="brush:php;toolbar:false">
<html>
<head>
</head>
<body>
    12344
</body>
</html>

这么写为什么不对？

哦，你要在per中写html的代码啊，那你要记得
a8093152e673feb7aba1828c43532094不能直接写成a8093152e673feb7aba1828c43532094,要写出实体形式

< 小于号 < < 
> 大于号 > > 
& 和号 & & 
" 引号 " " 
&#39; 撇号  &#39; (IE不支持) &#39;

Atas ialah kandungan terperinci html pre标签使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：CSS3的新特性介绍Artikel seterusnya：简单介绍html <pre>标签

Artikel berkaitan

Lihat lagi