Dev_Nick

导航

html(二) -- 文本标签和实体字符

常用文本标签

  标题(h1~h6)
  水平线(hr)
  段落(p)
  上下标(sup和sub)
  换行(br)
  原样输出(pre)
  有序列表ol li
  无序列表ul  li
  项目列表标签(dl dt dd)
  行内标签(span)     
  块标签<div> 

代码示例:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta http-equiv="content-type" content="text/html" charset="UTF-8">
 5         <meta name="keywords" content="文本标签"/>
 6         <title>文本标签测试</title>
 7     </head>
 8     <body>
 9         <h1 align="center">文本标签测试</h1>
10         <hr /> <!--水平线使用-->
11         <!--p标签使用-->
12         <p>&nbsp;&nbsp;&nbsp;&nbsp;中评社北京1月13日电(评论员 乔新生)国务院新闻办公室2017年1月11日发表《中国的亚太安全合作政策》白皮书,全面阐述中国对亚太安全合作的政策主张。这份白皮书的发布具有非常重要的现实意义和深远的战略意义。</p>
13         <hr />
14         <!--上下标使用-->
15         化学式:H<sub>2</sub>O<br /> <!--换行-->
16         2的4次方:2<sup>4</sup>
17         <hr />
18         <!--原样输出-->
19         <pre><!--原样标签会保留空格和换行符-->
20 21         离离原上草,一岁一枯荣。
22         野火烧不尽,春风吹又生。
23         </pre>
24         <!--有序列表-->
25         <ol type="1">
26             <li >语文</li>
27             <li >数学</li>
28             <li >外语</li>
29         </ol>
30         <!--无序列表-->
31         <ul type="circle">
32             <li>物理</li>
33             <li>生物</li>
34             <li>政治</li>
35         </ul>
36         <!--项目列表-->
37         <dl>
38             <dt>技术总监</dt>
39             <dd>ios开发</dd>
40             <dd>web开发</dd>
41             <dd>美工</dd>
42             <dt>人事总监</dt>
43             <dd>妹子1号</dd>
44             <dd>妹子2号</dd>
45         </dl>
46         <!--块标签和行内标签-->
47         <div id="1" style="background-color: red;">
48             当前亚太地区出现了非常奇特的战略结构,<span style="color: blue;">越来越多的亚太国家在经济上依赖中国,</span>加强与中国的经济合作,可是,在安全上却越来越依赖的美国,一些国家甚至希望美国重返亚太地区,在亚太地区对中国形成战略威慑。美国为了维护自己的世界霸权地位,不断地强化在亚太地区的军事部署,千方百计地遏制中国。美国当选总统特朗普毫不隐讳地把中国作为头号战略对手,声称要在经济、军事等领域对中国实施全面制裁措施。不论是亚太地区的战略形势还是世界发展走向,都要求中国必须采取主动,强化亚太地区的安全合作,因为只有这样才能消除亚太国家安全上的疑虑,也只有这样才能使中国真正成为一个主导亚太地区事务乃至在世界上发挥更大影响力的国家。 
49         </div>
50     </body>
51 </html>

效果图片:

实体字符

常用的实体字符:
    空格      &nbsp;
    小于号     &lt;
    大于号    &gt;
-----------------------------
    人民币    &yen;
    版权      &copy;
    商标      &reg;

posted on 2017-01-13 18:17  Dev_Nick  阅读(200)  评论(0编辑  收藏  举报