masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > html pre标签使用详解

html pre标签使用详解

黄舟
Lepaskan： 2017-07-08 10:56:38
asal
3492 orang telah melayarinya

html中pre标签怎么用

<html>
<head>
</head>
<body>
12344
</body>
</html>
Salin selepas log masuk

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

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

就是这样用的

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

这么写为什么不对？

pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 标签）放到 

 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。<br/>所以你得这样</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><pre class="brush:php;toolbar:false"><html><br><head><br></head><br><body><br>    12344<br></body><br></html>
Salin selepas log masuk

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

用textarea呢？怎么用？

textarea 没问题的

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

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

这个标签可以将其包起来的文字排版、格式，原封不动的呈现出来。你输入的东西被原封不动的输出,包括你输入的空格之类的,不用 和
等来表示空格或者回车了.
用于显示源码的确是不错的方案
<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>
Salin selepas log masuk
<html>
<head>
</head>
<body>
    12344
<pre class="brush:php;toolbar:false">
<html>
<head>
</head>
<body>
    12344
</body>
</html>




Salin selepas log masuk
Salin selepas log masuk
这么写为什么不对？
哦，你要在per中写html的代码啊，那你要记得
<>不能直接写成<>,要写出实体形式
< 小于号 < < 
> 大于号 > > 
& 和号 & & 
" 引号 " " 
&#39; 撇号  &#39; (IE不支持) &#39;
Salin selepas log masuk
Atas ialah kandungan terperinci html pre标签使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
                

            

            

                                

                    Label berkaitan：
                    

                        html Label Penjelasan terperinci                    

                

                
                
            

            

                                    
                        Artikel sebelumnya：CSS3的新特性介绍
                    
                                    
                        Artikel seterusnya：简单介绍html <pre>标签
                    
                            

            

       
                
Kenyataan Laman Web ini

                
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 terbaru oleh pengarang

                
            

            

                
Isu terkini

                

                                        

                        

                            Bagaimanakah ia menjadi <html></html> selepas memasukkan <html><>?
                            
                            

                                

                                     daripada 1970-01-01 08:00:00
                                

                                

                                    
  0 

                                    
0

                                    
0

                                

                            

                        

                    

                    

                                        

                        

                            angular.js - Adakah sesiapa tahu bagaimana untuk mengikat html menggunakan ng-bind-html. Tetapi html itu terlepas
                            
                            

                                

                                     daripada 1970-01-01 08:00:00
                                

                                

                                    
  0 

                                    
0

                                    
0

                                

                            

                        

                    

                    

                                        

                        

                            iOS berinteraksi dengan html, laluan rujukan html adalah salah.
                            
                            

                                

                                     daripada 1970-01-01 08:00:00
                                

                                

                                    
  0 

                                    
0

                                    
0

                                

                            

                        

                    

                    

                                        

                        

                            Cara menghantar kandungan HTML ke halaman HTML lain
                            
                            

                                

                                     daripada 1970-01-01 08:00:00
                                

                                

                                    
  0 

                                    
0

                                    
0

                                

                            

                        

                    

                    

                                        

                        

                            persekitaran terjemahan html
                            
                            

                                

                                     daripada 1970-01-01 08:00:00
                                

                                

                                    
  0 

                                    
0

                                    
0

                                

                            

                        

                    

                    

                                    

            


            

                

                    
Topik-topik yang berkaitan

                    Lagi>
                    
                

                

                    
                

            

        

    


    

    
    
        

            
Cadangan popular

            

                
            

        

        
        

            

                
Tutorial Popular

                Lagi>
                
            

            

                

                    
Tutorial berkaitan 

                    
Cadangan popular

                    
Kursus terkini

                

                
                
                
            

            
        


        

            

                
Muat turun terkini

                Lagi>
                
            

                        
            

                

                    
kesan web 

                    
Kod sumber laman web

                    
Bahan laman web

                    
Templat hujung hadapan