html基礎標籤-1-pre預格式標籤

時間 2019-11-13

標籤 html 基礎標籤 pre 格式欄目 HTML 简体版

原文原文鏈接

pre預格式標籤

code，tt標籤

 1 <!doctype html>
 2 <html lang='zh-cn'>
 3 <head>
 4     <meta charset='utf-8'>
 5     <meta name='author' content='宋英傑'>
 6     <meta name='keywords' content=''>
 7     <meta name='description' content=''>
 8     <title>pre-code</title>
 9     <style type='text/css'>
10     *{margin:0;padding:0;}
11     html{font-size:100px;}
12     body{font:0.14rem/1.5 Microsoft Yahei,Arial,'宋體','黑體';background:#FFF;}
13     span{color:red;}
14     </style>
15 </head>
16 <body>
17     <pre>
18 &lt;&gt;
19 &lt;html&gt;
20     &lt;head&gt;
21     &lt;/head&gt;
22     &lt;body&gt;
23         不能用標題標籤hx，段落標籤p，address地址標籤；會致使段落斷開
24         不能用tab鍵，各個瀏覽器解析效果不一樣；
25         pre內的代碼會保留空格、換行符
26         <a href="http://www.baidu.com">baidu</a>（完整連接會有效果的yo）
27     &lt;/body&gt;
28 &lt;/html&gt;
29     </pre>
30     <code>code標籤只用於表示計算機源代碼，字體是Courier；
31     它是<span>內容基礎樣式content-based style；</span>
32     默認文本字體等寬，可是誰知道瀏覽器會怎麼顯示呢？只要表示源代碼就可有可無。</code>
33     <tt>tt直接的等寬字體效果，是<span>物理樣式physical style</span></tt>
34     <p>code和tt是行內標籤</p>
35 </body>
36 </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。