Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Ausführliche Erläuterung der Verwendung von HTML-Pre-Tags

Ausführliche Erläuterung der Verwendung von HTML-Pre-Tags

黄舟
Freigeben： 2017-07-08 10:56:38
Original
3480 Leute haben es durchsucht

So verwenden Sie das Pre-Tag in HTML

<html>
<head>
</head>
<body>
12344
</body>
</html>
Nach dem Login kopieren

Der Quellcode der obigen Webseite, dann möchte ich den Quellcode jetzt ausgeben -
Was soll ich tun, wenn ich das verwende? Pre-Tag? 

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

So wird es verwendet

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

Warum ist es falsch, es so zu schreiben? Zulässiger Text im

pre-Element kann physische Stile und inhaltsbasierte Stilvariationen sowie Links, Bilder und horizontale Trennlinien umfassen. Wenn andere Tags (z. B. das -Tag) innerhalb des 

-Blocks platziert werden, werden sie so behandelt, als ob sie in anderen Teilen des HTML-/XHTML-Dokuments platziert würden. <br/>Sie müssen dies also tun</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>
Nach dem Login kopieren

Beachten Sie, dass Baidu den Code geändert hat & lt; Wie benutzt man es?

textarea Kein Problem


Ich verstehe dieses Mal, ich werde 10 Punkte hinzufügen, danke. 

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

 Dieses Tag kann das Textlayout und -format intakt anzeigen. Was Sie eingeben, wird unverändert ausgegeben, einschließlich der von Ihnen eingegebenen Leerzeichen. Es ist nicht erforderlich, 
 zur Darstellung von Leerzeichen oder Wagenrückläufen zu verwenden.
 
 

Warum ist es falsch, so zu schreiben? 
<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>
Nach dem Login kopieren
<html>
<head>
</head>
<body>
    12344
<pre class="brush:php;toolbar:false">
<html>
<head>
</head>
<body>
    12344
</body>
</html>




Nach dem Login kopieren
Nach dem Login kopieren
Oh, wenn Sie HTML-Code in Per schreiben möchten, müssen Sie bedenken, dass 
<> nicht direkt als <> geschrieben werden kann, sondern in Entity geschrieben werden muss Formular 


Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung von HTML-Pre-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
                

            

            

                                

                    Verwandte Etiketten：
                    

                        html 标签 详解                    

                

                                
Quelle：php.cn

                            

            

                                    
                        Vorheriger Artikel：Einführung in neue Funktionen von CSS3
                    
                                    
                        Nächster Artikel：Eine kurze Einführung in den HTML-
-Tag
                    
                            

            

       
                
Erklärung dieser Website

                
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

            

            

            

                
Neueste Artikel des Autors

                
            

            

                
Aktuelle Ausgaben

                

                                        

                        

                            Wie wird es zu <html></html>, nachdem <html><> eingegeben wurde?
                            
                            

                                

                                     Aus 1970-01-01 08:00:00
                                

                                

                                    
  0 

                                    
0

                                    
0

                                

                            

                        

                    

                    

                                        

                        

                            Müssen Sie für jedes HTML im Ansichtsordner einen entsprechenden HTML-Ordner erstellen?
                            
                            

                                

                                     Aus 1970-01-01 08:00:00
                                

                                

                                    
  0 

                                    
0

                                    
0

                                

                            

                        

                    

                    

                                        

                        

                            HTML-Übersetzungsumgebung
                            
                            

                                

                                     Aus 1970-01-01 08:00:00
                                

                                

                                    
  0 

                                    
0

                                    
0

                                

                            

                        

                    

                    

                                        

                        

                            Warum sollten Webseiten <!DOCTYPE html> deklarieren?
                            
                            

                                

                                     Aus 1970-01-01 08:00:00
                                

                                

                                    
  0 

                                    
0

                                    
0

                                

                            

                        

                    

                    

                                        

                        

                            So senden Sie HTML-Inhalte an eine andere HTML-Seite
                            
                            

                                

                                     Aus 1970-01-01 08:00:00
                                

                                

                                    
  0 

                                    
0

                                    
0

                                

                            

                        

                    

                    

                                    

            


            

                

                    
verwandte Themen

                    Mehr>
                    
                

                

                    
                

            

        

    


    

    
    
        

            
Beliebte Empfehlungen

            

                
            

        

        
        

            

                
Beliebte Tutorials

                Mehr>
                
            

            

                

                    
Verwandte Tutorials 

                    
Beliebte Empfehlungen

                    
Aktuelle Kurse

                

                
                
                
            

            
        


        

            

                
Neueste Downloads

                Mehr>
                
            

                        
            

                

                    
Web-Effekte 

                    
Quellcode der Website

                    
Website-Materialien

                    
Frontend-Vorlage