首页 > 代码库 > html（三） -- 常用功能标签

html（三） -- 常用功能标签

2024-08-31 22:44:53   216人阅读

媒体标签

<embed></embed>  

属性：
        hidden ： 设置隐藏插件是否隐藏。
        src ：用于指定音乐的路径

超链接标签

<a></a>

属性：

　　href  : 用于指定链接的资源。常用协议：file：、 mailTo：、 http：
      target: 设置打开新资源的目标。属性对应的值：_Blank 在独立的窗口上打开新资源   _self 在当前窗口打开新资源。

a标签的原理：
    1. a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解释器去解释该网址，首先会在本地机器去找一个hosts文件， 如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的dns服务器去寻找该域名对应的主机号。如果找到了对应的主机，那么该请求就会发给对应的主机。
    2. 如果a标签的href属性值没有以任何协议开头，那么浏览就会启动file协议解释器去解释该资源路径。
    3. 如果a标签的href属性值并不是以http开始，而且其他 的一些协议，那么这时候浏览器就回去到我们本地的注册表中去查找是否有处理这种协议 的应用程序，如果有，那么马上启动该应用程序处理该协议。
   
超链接标签的作用：
     1. 可以用于链接资源。
     2. 锚点定位.  
        (1). 首先编写一个锚点  锚点的格式： <a name="锚点名字"> 数据</a>
        (2). 使用a标签 的herf属性连接到锚点出。  href=http://www.mamicode.com/”#锚点的名字“

图片标签

<img />

img标签常用的属性:
    width： 设置图片宽度
    height  设置图片高度    
    alt:    如果图片资源无法找到，那么就显示对应的文字对图片进行说明。

表格标签

表格使用到的标签：
    <table> 表格
    <tr>    行
    <td>    单元格
    <th>     表头   默认的样式是居中，加粗。
    <caption>  表格的标题
表格常用的属性：
    border  设置表格的边框
    width : 设置表格的宽度
    height: 设置表格的高度的。
     colspan: 设置单元格占据指定的列数。
    rowspan : 设置单元格占据指定的行数。

注意：在早期，浏览器只有在加载完整个table标签才能显示数据，导致用户等待时间过长，用户交互不好。为了解决用户等待时间的问题，table被分为3部分：thead、tbody、tfoot。其中任一部分加载完毕浏览器就可以显示出对应的信息。

代码示例

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>常用功能标签</title>
 6     </head>
 7     <body>
 8         <!--媒体标签-->
 9         <embed src="./src/西单女孩-原点 (3D武侠动画《画江湖之不良人》主题曲).mp3" hidden="false"></embed>
10         <!--飘动标签-->
11         <marquee scrollamount="30" direction="right" loop="-1">
12             飞起来
13         </marquee>
14         <!--<a> 超链接标签-->
15         <a href="http://www.baidu.com" target="_self">跳转到百度</a>
16         <a name="top"></a>
17         中评社北京1月13日电(评论员　乔新生)国务院新闻办公室2017年1月11日发表《中国的亚太安全合作政策》白皮书，全面阐述中国对亚太安全合作的政策主张。这份白皮书的发布具有非常重要的现实意义和深远的战略意义。 
18 
19 　　当前亚太地区出现了非常奇特的战略结构，越来越多的亚太国家在经济上依赖中国，加强与中国的经济合作，可是，在安全上却越来越依赖的美国，一些国家甚至希望美国重返亚太地区，在亚太地区对中国形成战略威慑。美国为了维护自己的世界霸权地位，不断地强化在亚太地区的军事部署，千方百计地遏制中国。美国当选总统特朗普毫不隐讳地把中国作为头号战略对手，声称要在经济、军事等领域对中国实施全面制裁措施。不论是亚太地区的战略形势还是世界发展走向，都要求中国必须采取主动，强化亚太地区的安全合作，因为只有这样才能消除亚太国家安全上的疑虑，也只有这样才能使中国真正成为一个主导亚太地区事务乃至在世界上发挥更大影响力的国家。 
20 
21 　　中国发表《中国的亚太安全合作政策》白皮书，至少具有以下几个方面的作用：首先，可以在一定程度上扭转亚太国家的错误思维定势，加强与中国经济合作同时直接或者间接地加强与中国的安全合作。 
22 
23 　　中国在亚太地区的经济政策十分奏效。中国不仅和周边国家发展经贸关系，与东盟国家建立自由贸易区，而且与韩国、日本商谈建立更大范围的自由贸易区，通过加强与亚太国家的经济合作，使中国和亚太其他国家形成紧密的经济共同体。中国在亚太地区的经济政策，不仅有利于亚太国家经济的发展，而且更主要的是，可以有效地抵消美国对中国采取遏制政策所带来的负面影响。美国为了在经济上遏制中国，不断地拉拢一些亚洲国家签订经济合作协定，事实证明，这种带有明显排他性的经济合作不可能达到预期的效果。美国当选总统特朗普彻底否定了前任总统签订的《跨太平洋伙伴关系协定》，决心在世界贸易组织的框架内对中国实施贸易制裁。美国、欧盟和日本不承认中国市场经济地位，实际上是世界主要经济企业在经济上遏制中国的具体表现。但是，正如人们所看到的那样，只要这些国家承认世界贸易组织规则，愿意通过世界贸易组织解决彼此的争端，那么，中国与这些国家的经贸关系就不会出现严重的倒退。中国已经向世界贸易组织提出仲裁请求，要求美国、日本和欧盟承认中国加入世界贸易组织议定书的有关条款，给予中国企业市场经济地位。这说明中国完全有能力在现有的制度框架内解决中国与发达国家和地区的贸易争端。 
24 
25 
26 　　如果中国只是从经济上突破西方国家设置的重重包围，那么，很可能会使中国在战略安全问题上陷入被动地位。事实上，美国除了在经济上遏制中国外，在军事安全领域采取一系列明显的敌对政策。美国不仅强化在亚太地区的军事部署，而且不断地拉拢日本、韩国等亚洲盟国作为打击中国的马前卒。如今美国正积极改善与越南等一些亚洲国家的军事关系，希望更多亚太国家给中国制造麻烦。如果中国继续奉行经济归经济、安全归安全的战略政策，没有重视亚太地区的安全合作，那么，一些亚洲国家在安全问题上可能会更加倚重美国。正因为如此，中国强化与亚太地区国家经济合作同时，应当把经济合作与安全合作有机地结合起来，强化与其他亚太地区国家的安全合作，因为只有这样，才能消除亚太国家的疑虑，也只有这样才能通过安全合作维护中国与其他亚太国家之间的经济合作。 
27 
28 　　国务院新闻办公室发布的《中国的亚太安全合作政策》白皮书，全面阐述了中国亚太安全合作的政策主张，中国亚太安全合作的基本理念，中国与地区主要国家的关系，中国在地区热点问题上的立场和主张，中国参与亚太地区主要多边机制以及中国参与亚太地区非传统安全合作的领域等问题。值得注意的是，中国在首次发布的亚太安全合作政策白皮书中，提出了强化亚太地区国家安全合作的基本原则，希望通过亚太国家共同努力，营造安全的亚太地区局势。这种强调合作的精神，有助于消除其他亚太国家对中国安全上的疑虑，有助于为亚太国家之间的安全合作铺平道路。 
29 
30 　　其次，中国强调亚太安全合作不是排他性的，而是开放性的。中国之所以发布亚太安全合作政策白皮书，目的就是要告诉其他国家特别是世界上唯一的霸权国家美国，中国在维护亚太安全合作方面将会发挥积极的作用，中国不会将美国拒之门外，但是，中国也不会允许美国在亚太地区寻衅滋事。值得玩味的是，中国在亚太安全合作政策白皮书中对亚太地区的热点问题进行了系统性表述，在阐述朝鲜半岛问题的时候，白皮书特别指出美国在朝鲜半岛事务中应当发挥的作用。希望朝鲜和美国通过双边对话消除彼此的分歧，解决朝鲜半岛无核化的问题。这份白皮书既是对美国指责中国在朝鲜半岛问题上观点的系统性回应，同时也是对美国在处理朝鲜半岛事务方面应当坚持的原则给出的明确指导性意见。当前朝鲜半岛局势之所以十分紧张，根本原因就在于，美国在朝鲜半岛的军事存在，给朝鲜带来了巨大的军事压力，如果朝鲜和美国能通过双边谈判，逐渐地缓和朝鲜半岛的紧张局势，那么，实现朝鲜半岛无核化的目标就能实现。反过来，如果美国在朝鲜半岛不断加强军事部署，特别是将自己先进的武器部署在韩国，那么，有可能会激化朝鲜半岛南北双方的矛盾，甚至不排除会出现擦枪走火的危险。 
31 
32 　　可以这样说，美国在亚太地区战略正处在敏感的调整时期，美国当选总统特朗普究竟该如何处理上届总统的政治遗产，是否会继续延续重返亚太的战略政策，现在还是一个未知数。种种迹象表明，美国总统特朗普把中国作为头号战略对手，因此，美国不可能会减少在亚太地区的军事存在，美国也不可能在朝鲜半岛实行和解政策，美国总统特朗很可能会变本加厉，继续在朝鲜半岛制造紧张气氛，甚至不排除美国挑起事端，从而使朝鲜半岛重燃战火。  
33 
34 
35 　　中国发布亚太安全合作政策白皮书是典型的未雨绸缪，它一方面警告美国在亚太安全问题上谨言慎行，另一方面希望亚太国家在处理国家安全事务方面分清主次，学会透过现象看本质。亚太地区安全局势必须由亚太国家负责，如果让霸权国家在亚太地区挑起事端，那么，亚太国家很可能会遭受巨大的灾难。
36 
37 　　现在一些亚太国家特别是新加坡希望美国强化在亚太地区的军事存在，依靠美国维护亚太地区的安全局势。这是一种十分危险的战略，它有可能会让亚太地区变成地区热点冲突地区。冷战期间美国在亚太地区的军事存在，有助于保护自己在亚太地区的军事盟国。冷战结束之后，如果一些亚太国家仍然秉承冷战思维，希望亚太地区实现大国之间的战略平衡，那么，有可能会让亚太国家处于十分危险的状态之中。中国不会谋求世界霸权，中国也不会谋求地区霸权，中国之所以发布亚太安全合作政策白皮书，就是要告诉其他亚太国家，中国在安全方面采取的是合作政策而不是对抗的政策，中国愿意通过安全合作，不断地改善亚太地区的安全环境，中国希望与亚太国家深化安全合作关系，从而使亚太地区成为世界上最稳定的地区。 
38 
39 　　中国的崛起的确让亚太一些国家感到不安，他们已经习惯积贫积弱的中国作为他们的邻居，而不习惯日益强大的中国屹立在东方。按照中国国家主席的说法，中国是一个“大块头”，亚太国家对中国产生疑虑是可以理解的。但是，如果试图挑战中国的核心利益，甚至试图拉拢美国在亚太地区对中国实施全面遏制政策，那么，到头来必然会搬起石头砸自己的脚。中国在亚太地区有自己的战略利益，但是，中国在维护自己国家利益的同时，不会对其他国家构成威胁。 
40 
41 　　一些西方战略观察家认为，中国的迅速崛起本身就是对其他国家的威胁。这不是一种积极的战略思维逻辑，而是一种十分消极的战略思维逻辑。中国的迅速崛起是一个不可逆的大趋势。中国在快速发展过程中需要与亚太地区其他国家开展经济合作，但是，如果亚太地区其他国家在与中国开展经济合作的同时，对中国采取防范措施，甚至希望与美国开展安全合作，借助于美国的力量阻止中国日益强大，那么，中国与其他亚太国家之间的经济合作就难以持续。  
42 
43 
44 　　中国政府主动发布亚太安全合作政策白皮书，是中国对外政策的重大调整。它一方面表明中国在加强亚太地区经济合作的同时，高度重视亚太地区安全合作的重要性，希望与亚太国家开展更加紧密的安全合作；另一方面表明中国在亚太安全合作方面已经制定了具体的战略规划，中国愿意与亚太国家分享中国的亚太安全合作规划，中国也愿意让美国等一些域外国家充分了解中国亚太安全合作的整体战略规划。中国在亚太地区的安全合作不针对美国等国家，中国在亚太地区的安全合作不是为了强化中国在亚太地区的安全主导权，而是在平等合作的基础之上，共同维护亚太地区的安全局势，确保亚太地区成为世界最稳定安全的地区。 
45 
46 　　中国政府发表的亚太地区安全合作政策白皮书，系统回答了国际社会对中国安全政策的疑问。中国不谋求构建自己的势力范围，中国也不会在亚太地区建立排斥其他国家特别是西方发达国家的安全屏障，但是，中国亚太地区安全合作政策白皮书清晰无误的表明亚洲和太平洋地区在世界格局中具有重要的战略地位，中国作为亚太地区国家决不允许亚太地区出现任何安全上的隐患，决不允许亚太地区爆发战争。中国愿意和亚太国家一道共同维护亚太地区的安全稳定，中国将致力于推动亚太地区安全合作体系的建设。中国提出“共建、共享、共赢”的亚太安全之路，希望与亚太国家积极开展安全合作，并且发展与美国、俄罗斯、印度、日本等地区主要国家的关系，为亚太地区的安全稳定打下坚实的基础。相信其他国家会高度重视中国首次发布的亚太地区安全合作政策白皮书，相信美国当选总统特朗普及其团队会仔细研究中国亚太安全合作政策白皮书的内容，为制定和调整美国亚太地区的安全战略打开思路。
47         <a href="#top">跳转到顶部</a>
48         <!--图片标签-->
49         <img src="./src/IMG_1880.PNG" alt="名人小娇妻" width="300" height="400" usemap="#Map">
50         <!--热点图-->
51         <map name="Map" id="Map">
52               <area shape="rect" coords="0,0,100,100" href="http:\\www.baidu.com" target="_blank" />
53         </map>
54         <table border="1" width="300" height="300">
55             <caption>学生成绩单</caption>
56             <thead>
57             <tr>
58                 <th>姓名</th>
59                 <th>科目</th>
60                 <th>分数</th>
61             </tr>
62             </thead>
63             <tbody>
64             <tr>
65                 <td rowspan="2">张三</td>
66                 <td>语文</td>
67                 <td>100</td>
68             </tr>
69             <tr>
70                 <td>数学</td>
71                 <td>99</td>
72             </tr>
73             <tr>
74                 <td rowspan="2">李四</td>
75                 <td>语文</td>
76                 <td>60</td>
77             </tr>
78             <tr>
79                 <td>数学</td>
80                 <td>66</td>
81             </tr>
82             </tbody>
83             <tfoot>
84             <tr>
85                 <td>综合测评</td>
86                 <td colspan="2">及格</td>
87             </tr>
88             </tfoot>
89         </table>
90     </body>
91 </html>

 

html（三） -- 常用功能标签


联系
我们