文本标签

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <style type="text/css">
 7         
 8        </style>
 9     </head>
10     <body>
11         <!--
12         1.em和strong这两个标签都表示一个强调的内容
13         em主要表示语气上的强调,em浏览器中默认使用斜体显示
14         strong表示强调的内容,比em更强烈,默认使用粗体显示
15         
16         2.i标签中的内容会以斜体显示
17         b标签中的内容会以加粗显示
18         h5规范中规定,对于不需要着重的内容而是单纯的加粗或是斜体
19         就可以使用b和i标签
20         
21         3.small标签中的内容会比他的父亲中的文字要小一些
22         在h5中使用small标签来表示一些细则一类的内容
23         比如 合同中的小字,网站版权声明
24         
25         4.网页中所有的加书名号的内容都可以使用cite标签,表示参考的内容
26         比如 书名 歌名 电影名等
27         
28         5.q标签表示一个短的引用(行内引用)
29         q标签引用的内容,浏览器会默认加上引号
30         
31         6.blockquote标签表示一个长引用(块级引用),p里面不能有块元素
32         -->
33         <p>
34             今天天气<em>真不错</em>!
35         </p>
36         <p>
37             <strong>
38                 123
39             </strong>
40         </p>
41         <p>
42             <i>
43                 123
44             </i>
45         </p>
46         <p>
47             <b>123</b>
48         </p>
49         <p>
50             123<small>123</small>
51         </p>
52         <p><cite>《论语》</cite>是我喜爱的书!
53         </p>
54         <p>子曰:<q>不亦说乎!</q></p>
55         <div>子曰:<blockquote>不亦说乎!</blockquote></div>
56         <!--
57         7.使用sup标签来设置一个上标
58         使用sub标签来设置一个下标
59         
60         8.使用del来表示一个删除的内容
61         
62         9.ins表示一个插入的内容
63         ins中的内容,会自动添加下划线
64         
65         10.pre是一个预格式标签,会将代码中的格式保留,不会忽略多个空格,换行
66         默认是等宽字体
67         code专门用来表示代码,没有语意,一般结合使用pre和code来表示一段代码
68         -->
69         <p>H<sub>2</sub>O</p>
70         <p>2<sup>2</sup></p>
71         <p>吴青峰<sup><a href="#">[1]</a></sup></p>
72         <p>
73             <del>17.59</del><br />
74             15.95<br />
75         </p>
76         <p>
77             head <ins>above</ins> water
78         </p>
79         <pre>
80             window.onload = function(){
81                 alert("Hello World");
82             }
83         </pre>
84     </body>
85 </html>

 

posted @ 2019-07-10 15:14  zuiaimiusi  阅读(211)  评论(0编辑  收藏  举报