masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > teks badan

html pre标签使用详解

黄舟
Lepaskan： 2017-07-08 10:56:38
asal
3445 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:html;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 标签 详解                    

                

                                
sumber：php.cn

                            

            

                                    
                        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

                

                                        

                        

                            Penukaran automatik PX kepada ralat REM
                             <style>html {   font-size: calc(100vw / 3.75);      }badan {    saiz fon: 0.16rem; ...
                            

                                

                                     daripada 2024-04-16 09:34:16
                                

                                

                                    
  0 

                                    
0

                                    
4687

                                

                            

                        

                    

                    

                                        

                        

                            Halaman tiba-tiba tidak dapat menarik css atau bootstrap
                            Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
                            

                                

                                     daripada 2024-04-06 21:58:04
                                

                                

                                    
  0 

                                    
1

                                    
800

                                

                            

                        

                    

                    

                                        

                        

                            Bagaimana untuk menyelesaikan ruang kosong misteri di bahagian bawah halaman dalam CSS
                            Saya cuba membina halaman web mudah menggunakan Bootstrap dan D3, tetapi saya tidak tahu b...
                            

                                

                                     daripada 2024-04-06 20:22:15
                                

                                

                                    
  0 

                                    
1

                                    
454

                                

                            

                        

                    

                    

                                        

                        

                            Cara menggunakan komponen laravel dengan ruang letak malas livewire
                            Saya ingin menambah rangka komponen laravel saya di dalam ruang letak livewire3 Perkara ya...
                            

                                

                                     daripada 2024-04-06 20:02:10
                                

                                

                                    
  0 

                                    
2

                                    
543

                                

                            

                        

                    

                    

                                        

                        

                            Kaedah peringkat atas untuk menggantikan rentetan dengan kod HTML (dihasilkan daripada tatasusunan)
                            Diberi rentetan seperti ini...$htmlPattern="Usernameis:#name#andusercompanyis#company...
                            

                                

                                     daripada 2024-04-06 17:40:41
                                

                                

                                    
  0 

                                    
2

                                    
410

                                

                            

                        

                    

                    

                                    

            

            

                

                    
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