HTML-pre標簽和code標簽

本文轉載自查看原文 2019-05-27 21:15 678

<pre>:預格式化標簽

<code>:將字符設置為等寬字符的標簽

在html文件中需要顯示一些比如< >這種符號時需要使用到實體化字符

> &#60

< &#62

<!　　DOCTYPE html>
<html>
<head>
    <title>預格式化</title>
    <meta charset = “utf-8”>
    <meta name = “viewport” content = “width=device-width, initial-scale=1.0”>
    <meta name = “keyword” content = “預格式化文本”>
    <meta name = “description” content = “預格式化純文本”>
    <meta author = “王思怡”>
    <style>
    body{
    background:pink;
    }
    </style>    
</head>
<body>
    <!—- 以下代碼的括號需要使用實體化字符來寫 —->
    <pre>
    &#60;DOCTYPE !html&#62;
    &#60;html&#62;
    &#60;head&#62;
        &#60;title&#62;預格式化&#60;/title&#62;
        &#60;meta charset = “utf-8”&#62;
        &#60;meta name = “viewport” content = “width=device-width” initial = 1.0&#62;
        &#60;meta name = “keyword” content = “預格式化文本”&#62;
        &#60;meta name = “description” content = “預格式化純文本”&#62;
        &#60;meta author = “王思怡”&#62;
        &#60;style&#62;
        body{
        background:pink;
        }
        &#60;/style&#62;    
    &#60;/head&#62;
    &#60;/html&#62;
    </pre>
<body>
</html>

<!DOCTYPE html>
<html>
<head>
    <title>code標簽的使用</title>
    <meta charset = “utf-8”>
    <meta name = “viewport” content = “width=device-width, initial-scale=1.0”>
    <meta name = “keyword” content = “code標簽的使用”>
    <meta name = “description” content = “code標簽的使用”>
    <meta author = “王思怡”>
    <style>
    body{
    background:pink;
    }
    </style>
</head>
<body>
    <pre>
    <code>
        &#60;DOCTYPE !html&#62;
        &#60;html&#62;
        &#60;head&#62;
            &#60;title&#62;預格式化&#60;/title&#62;
            &#60;meta charset = “utf-8”&#62;
            &#60;meta name = “viewport” content = “width=device-width” initial = 1.0&#62;
            &#60;meta name = “keyword” content = “預格式化文本”&#62;
            &#60;meta name = “description” content = “預格式化純文本”&#62;
            &#60;meta author = “王思怡”&#62;
            &#60;style&#62;
            body{
            background:pink;
            }
            &#60;/style&#62;    
        &#60;/head&#62;
        &#60;/html&#62;
    </code>
    </pre>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 code標簽和pre標簽 HTML中pre標簽的用法聊一聊HTML

標簽
			           
			       			       
			   
			       
			       
			           
			           
			           
			           
			           HTML“計算機輸出”標簽 
			           
			       			       
			   
			       
			       
			           
			           
			           
			           
			           html中 pre標簽代表什么意思
			           
			       			       
			   
			       
			       
			           
			           
			           
			           
			           css pre標簽
			           
			       			       
			   
			       
			       
			           
			           
			           
			           
			           HTML標簽及標簽屬性
			           
			       			       
			   
			       
			       
			           
			           
			           
			           
			           HTML標簽：圖片標簽
			           
			       			       
			   
			       
			       
			           
			           
			           
			           
			           HTML的各種基本標簽
			           
			       			       
			   
			       
			       
			           
			           
			           
			           
			           HTML標簽：其它