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>

 

posted @ 2016-04-21 11:16  宋英杰  阅读(401)  评论(0)  编辑  收藏  举报