html基础标签-1-pre预格式标签

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>
原文地址:https://www.cnblogs.com/tamato-jacob-wealllostcontrol/p/5416171.html