sublime最全笔记

  • sublime骨架建立
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <h3>——————————中国古代四大美女——————————</h3>
 9     1.貂蝉 <br />
10     2.王昭君 <br />
11     3.杨玉环 <br />
12     4.西施 <br />
13     <hr width="1000"  color="red "/>
14     div标签
15     <div>我是刘德华</div>
16     span标签
17     <span>我是李登辉</span>
18 </body>
19 </html>>
  • 新闻网页制作
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <h1>厦门市同安区海翔大道发生多车追尾事故致1人死亡 警方通报</h1>
 9     <p>2021-06-19 16:38:36 来源: 厦门警方在线</p>
10     <hr width="10000"  color="red"/>
11     <p>2021年6月15日凌晨4时许,同安区海翔大道官浔立交桥路段发生多车追尾事故,涉及10部货车,造成1名货车司机当场身亡,1名司机腿部轻微受伤。</p>
12 
13     <p>近日,有网民在网络平台发布传播“同安交警违法查车致事故发生”的视频,提出“辅警在非管辖辖区查车”“查车时未设警灯和关卡,在快车道上追着车抓”“未第一时间救援”等质疑。厦门警方高度重视,立即成立由督察、交警、法制、宣传等部门组成的调查组,针对视频中反映的问题展开调查。</p>
14 
15     <p>现场监控视频显示,当日凌晨4时许,一辆闪着警灯的警车从同集路上官浔立交桥后,沿海翔大道辅道自西向东往同安大桥方向行驶。当警车进入海翔大道辅道后,行驶在左后方主道上的部分货车突然刹车减速、停车观望,造成事发路段车辆缓行,引发多车追尾事故。</p>
16 
17     <p>经查,该警车系同安交警大队洪塘中队根据分局有关夜间动态巡逻的勤务部署,组织警力在同安辖区开展亮灯巡逻,并未在事故路段设卡或追车拦查。事故发生在巡逻警车后方500余米处,且辅道与主道之间有水泥墩加隔离护栏双重隔离,巡逻人员并未发现主道上发生的交通事故。事故发生后,110指挥情报中心立即指令同安分局、消防及120等部门到场处置。同安分局迅速调集西柯、新民、事故预防处理三个交警中队警力到场开展事故救援、现场勘查和交通疏导等工作。当日18时许,现场全部清理完毕,完全恢复交通。目前,同安交警正在对事故进行进一步调查处置中。</p>
18 
19     <p>警方在调查中发现,有8部事故车辆存在超载行为,警方将依法对其严肃处理。此外,调查中还发现,网传视频中一段有警车的画面并非该起事故现场画面,系从其他现场“移花接木”而来,警方将就此开展进一步调查并依法处理。同时,同安警方已向死者家属通报事故初步调查情况,回放现场监控视频,对家属提出的疑问逐一解答。</p>
20 
21     <p>厦门警方提醒广大货车司机朋友们:安全第一,要自觉遵规遵法驾驶,切勿抱有任何侥幸心理,为了赚取一时利益违法上路。</p>
22 
23     br hr img 三个单标签
24     1.基本图像插入方式<br />
25     <img src="D:\桌面\wb.jpg">    <br />
26 
27     2.带有alt的图像<br />
28     <img src="D:\桌面\wb.jpg" alt="这是我的图片" /> <br />
29 
30     3.带有title的图像<br />
31     <img src="D:\桌面\wb.jpg" title ="这是我下载的图片" /> <br />
32 
33     4.带有宽度的图像<br />
34     <img src="D:\桌面\wb.jpg" title ="这是我下载的图片" width="400" /> <br />
35 
36     5.带有边框的图像<br />
37     <img src="D:\桌面\wb.jpg" title ="这是我下载的图片" width="400" border="10" /> <br />
38 
39 </body>
40 </html>>
  • 链接标签
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6     <base target="_blank" />
 7     base标签可以设置整体链接的打开状态
 8     target="_self"是设置单个链接打开。
 9 </head>
10 <body>
11     <h3>友情链接</h3>
12     <a href="http://www.baidu.com" target="_self">百度链接</a>    <br />
13     <a href="http://www.taobao.com">淘宝链接</a>        <br />
14     <a href="http://www.sina.com.cn">新浪链接</a>    <br />
15     <a href="file:///D:/sublime%
16     E9%AA%A8%E6%9E%B6%E5%BB%BA%E7%AB%8B.html">骨架建立</a>    <br />
17     <a href="http://www.163.com">网易</a>    <br />
18     <a href="#">我的作品地址</a>    <br />
19 </body>
20 </html>
  • 标签混合使用
  1. 刘德华的百度百科
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <h3 id="ml" 
 9     >目录</h3>
10 
11         <hr >
12     <a href="#znjl">1 早年经历</a><br />
13     <a href="#yyjl">2 演艺经历</a><br />
14     <a href="#grsh">3 个人生活</a><br />
15     <a href="#zyzp">4 主要作品</a><br />
16     <a href="#shhd">5 社会活动</a><br />
17     <a href="#hjjl">6 获奖记录</a><br />
18     <a href="#rwpj">7 人物评价</a><br />
19 
20     <h2>基本信息</h2><hr >
21     <p>刘德华(Andy Lau),1961年9月27日出生于中国香港,籍贯广东新会 [1]  ,华语影视男演员、歌手、制片人、作词人。</p>
22     <p>1981年出演电影处女作《彩云曲》 [2]  。1983年主演的武侠剧《神雕侠侣》在香港获得62点的收视纪录 [3-4]  。1991年创办天幕电影公司 [5]  。1994年担任剧情片《天与地》的制片人 [6]  。2000年凭借警匪片《暗战》获得第19届香港电影金像奖最佳男主角奖 [7]  。2004年凭借警匪片《无间道3:终极无间》获得第41届台湾电影金马奖最佳男主角奖 [8]  。2005年获得香港UA院线颁发的全港最高累积票房香港男演员奖 [9]  。2006年获得釜山国际电影节亚洲最有贡献电影人奖 [10]  。2012年凭借剧情片《桃姐》获得金马奖、金像奖最佳男主角奖 [11]  ;同年担任第49届台湾电影金马奖评审团主席 [12]  。2020年主演警匪动作片《拆弹专家2》 [13]  。</p>
23     <p>1985年发行首张个人专辑《只知道此刻爱你》 [14]  。1990年凭借专辑《可不可以》在歌坛获得关注 [15]  。1994年获得十大劲歌金曲最受欢迎男歌星奖。1995年在央视春晚上演唱其代表作《忘情水》 [16]  。2000年被《吉尼斯世界纪录大全》评为获奖最多的香港男歌手 [17]  。2004年第六次获得十大劲歌金曲最受欢迎男歌星奖。2015年第5次登上央视春晚并演唱歌曲《回家的路》 [18]  。2020年发行个人首张数字专辑《演·唱》 [194]  。</p>
24     <p>演艺事业外,刘德华关心公益慈善。1994年创立刘德华慈善基金会 [19]  。2000年被评为世界十大杰出青年 [20]  。2005年发起亚洲新星导计划 [21]。2008年被委任为香港非官守太平绅士 [22]  。2010年获得第12届世界杰出华人奖 [23]  。2016年连任中国残疾人福利基金会副理事长 [20] 。</p>
25 
26     
27 
28     <h2 id="znjl">早年经历</h2><hr >
29         <p>刘德华出生于香港新界,在家中排行老四,幼时随家人搬到了九龙钻石山的木屋区居住,并和姐弟一起帮助家里打理卖稀饭的生意 [24]  。1973年,刘德华随家人搬入香港蓝田邨第15座14楼 [25]  。刘德华从黄大仙天主教小学毕业后升读可立中学 [26]  。在可立中学读书期间,刘德华积极参加校内学校剧社的表演,在老师杜国威的指导下学习戏剧方面的知识。此外,他还参与包括编剧在内的幕后制作。刘德华在中五会考获得1B3D2E(中文读本A)的成绩。中六上学期后,他到香港电视广播有限公司的艺员训练班受训,从而开始了演艺之路 [27]  。</p>
30         <img src="D:\下载的软件\1.jpg">
31     <h2 id="yyjl">演艺经历</h2><hr >
32         <p>港剧时代</p>
33         <p>1981年,刘德华考进第10期无线电视艺员训练班 [28]  。同年,出演个人首部电视剧《江湖再见》,在剧中饰演以贩卖妇女为生的小混混阿龙;该剧获得美国电视节电视剧特别奖 [29]  。</p>
34         <img src="D:\下载的软件\2.jpg"><img src="D:\下载的软件\3.jpg">
35         <p>1982年,刘德华以甲级成绩从艺员训练班毕业后正式签约TVB [30]  。同年在喜剧《花艇小英雄》中饰演败家仔钱日添。12月,与叶德娴搭档主演时装警匪剧《猎鹰》,凭借卧底警察江大伟一角获得关注 [31]  。</p>
36         <p>1983年,主演金庸武侠剧《神雕侠侣》,在剧中饰演外貌俊俏、倜傥不羁的杨过 [32]  ;该剧在香港播出后取得62点的收视纪录。同年,与黄日华、梁朝伟、苗侨伟、汤镇业组成“无线五虎将” [33]  。</p>
37         <p>1984年,与赵雅芝合作主演古装武侠剧《魔域桃源》,在剧中饰演资质出众、武功高强的傅青云 [34]  。同年,与梁朝伟共同主演金庸武侠剧《鹿鼎记》,在剧中饰演英明果断的康熙 [35]  。</p>
38         <p>1985年,在古装武侠剧《杨家将》中饰演骁勇善战的杨六郎 [36]  。同年,TVB向刘德华提出加签五年的合约,刘德华因拒绝而被TVB雪藏400天 [37-38]  。</p>
39         <p>1986年,在邵逸夫的调解下,刘德华与TVB和解并签下合约。同年,主演古装剧《真命天子》。</p>
40         <p>1988年,在出演了武侠剧《天狼劫》后,刘德华将演艺事业的重心转向影坛 [38]  。<a href="#ml">返回</a></p>
41         <img src="D:\下载的软件\4.jpg">
42     <h2 id="grsh">个人生活</h2><hr >
43         <p>家庭<p>
44         <p>刘德华的父亲刘礼在启德机场做过消防员的工作。20世纪60年代,刘礼开了一间小吃杂货店以赚钱维持家用。刘德华在家中还有三位姐姐,一位妹妹以及一位弟弟(刘德盛)。<p>
45         <p>感情<p>
46         <p>1986年,刘德华随香港明星足球队赴吉隆坡时,结识了朱丽倩。2008年6月23日,刘德华与朱丽倩在美国拉斯维加斯注册结婚 [196] 。2012年5月9日,刘德华的妻子朱丽倩生下一个女儿。 [197-198] </p>
47         <p>学历 </p>
48         <p>2006年7月,香港演艺学院第20届毕业典礼上,刘德华获颁香港演艺学院荣誉院士。 [200]  </p>
49         <p>刘德华获香港树仁大学颁予荣誉文学博士 </p>
50         <p>刘德华获香港树仁大学颁予荣誉文学博士(7张) </p><img src="D:\下载的软件\6.jpg">
51         <p>2017年12月14日,刘德华获香港树仁大学颁予荣誉文学博士。 [199]  </p>
52         <img src="D:\下载的软件\5.jpg">
53     <h2 id="zyzp">主要作品</h2><hr >
54         《战疫天使》[201] 2021<br />
55         《金手指》[202] 2021<br />
56         《人潮汹涌》2021<br />
57         《唐人街探案3》[270] 2021<br />
58         ......<br />
59     <h2 id="shhd">社会活动</h2><hr >
60         <p>公益事业</p>
61         <p>1991年,华东地区发生水灾,刘德华向灾区捐款500万 [219]  。</p>
62         <p>1994年,成立刘德华慈善基金会,帮助贫困儿童以及伤残人士 [220]  。</p>
63         <p>1999年9月24日,参加“伸出你的手,九二一震灾捐款”晚会,通过与梅艳芳、张学友合唱歌曲《月亮代表我的心》筹得3000万元的善款 [219]  。</p>
64         .....</p>
65     <h2 id="hjjl">获奖记录</h2><hr >
66         <p>香港电影金像奖</p>
672018    第37届香港电影金像奖最佳男主角奖[241]     拆弹专家    (提名)   <br /> 
682016    第35届香港电影金像奖最佳男主角奖    失孤    (提名)    <br /> 
692014    第33届香港电影金像奖最佳原创电影歌曲奖    盲探    (提名)    <br /> 
702012    第31届香港电影金像奖最佳男主角奖[11]     桃姐    (获奖)    <br /> 
712012    第31届香港电影金像奖最佳原创电影歌曲奖    新少林寺    (提名)   <br />  
722008    第27届香港电影金像奖最佳男配角奖[96]     门徒    (获奖)    <br /> 
73         .....<a href="#ml">返回</a>    <br /> 
74     <h2 id="rwpj">人物评价</h2><hr >
75         
76         <p>刘德华是华人娱乐圈影、视、歌多栖发展的代表之一 [256]  ;在电视、电影、音乐等方面都留下了为数众多的代表作 [257]  。作为演员,他是华语影坛的巨星 [216]  。他致力于电影业的发展,并且贡献良多。 [258]  20世纪80年代,来自草根阶层的他吻合了香港电影亲切感的特点 [259]  。之后他不断的寻求转型和突破 [260]  。他在《暗战》、《无间道》等影片中的表演充分显示了其驾驭角色的能力以及演技走向成熟的轨迹 [261]  。他的表演风格具有干净、沉静的特点。他很少通过夸张的表情和动作来表达炽烈的感情;而是选择用台词和神态来完成角色的塑造 [262]  。(人民网、《新快报》、《法制晚报》、山西新闻网、《南方人物周刊》、《上海青年报》、《京华时报》综合评价)</p><img src="D:\下载的软件\7.jpg">
77         <p>作为歌手,他是华人演艺圈演而优则歌的代表人物。他独特而醇厚的嗓音在歌坛上独树一帜,他的歌声也被外界称为“刘式情歌” [71]  。他凭借有着招牌式颤音的唱腔演唱了《忘情水》、《男人哭吧不是罪》等众多金曲 [263]  。他的音乐作风也贯彻其积极、健康、进取的形象 [264]  ;从《我和我追逐的梦》到《来生缘》,从《谢谢你的爱》到《真情难收》,一首首刘式情歌已经成为港式情歌的代名词 [263] </p> 。(国际在线、时光网、《新京报》、凤凰网、《新京报》综合评价)。</p><img src="D:\下载的软件\8.jpg">
78         <p>刘德华集坚毅、认真、永不言败等正能量品质于一身,堪称娱乐圈艺人的典范 [265]  。从入行初期的青涩小生直到成名以后的全能艺人,他的人生轨迹反映了一代香港人脚踏实地的开拓精神 [266]  。他的性格开朗热情,对待他人平等有礼,再加上他能够为人设身处地着想,所以在演艺界的口碑与人缘都很好 [264]  。他是娱乐圈公认的劳模,他的勤奋与敬业在业界有口皆碑。然而,更难能可贵的是他的爱心和善心 [267]  。从东南亚海啸到中国内地举行的赈灾活动,他总是积极的参与其中,其形象如同一位慈善大使。(网易娱乐、《法制晚报》、凤凰网、《新快报》、《海南日报》综合评价)<a href="#ml">返回</a></p>
79 
80 </body>
81 </html>>
  • 特殊字符标签

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     空格标签    &nbsp;    <br />
 9     ----------&nbsp;&nbsp;&nbsp;&nbsp;特殊字符标签&nbsp;---------        <br />
10     我们段落标签的语法是:&lt;p&gt;段落&lt;/p&gt;        <br />
11     版权符号:&copy;        <br />
12     人民币符号:&yen;        <br />
13 </body>
14 </html>>

注释标签

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     注释标签:    <br />
 9     <!--注释标签-->        <br />
10     例如:        <br />
11     <!--关于注释标签我有几点说的-->        <br />
12     1.多写注释是非常的写代码习惯,团队协作更流畅。        <br />
13     2.注释是写盖队友看的,浏览器不执行。    <br />
14 </body>
15 </html>>

路径

路径的写法和Xshell写法一致

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <!--<img src="../xs.jpg" />-->  <br />
 9     <!--<img src="xs.jpg" />-->    <br />
10     <!--<img src="D:\桌面\xs.jpg" />-->    <br />
11     <img src="images/wb.jpg" /> <br />
12     
13     获取网页图片的而绝对路径 <br />
14     <img src="https://i1.hdslb.com/bfs/face/b88e86b0276722a280d55edc6e5c2354d11b4073.jpg@96w_96h_1c_1s.webp" /> <br />
15 </body>
16 </html>>

列标签

把..制成表,以表显示。容器里面装载着文字或者图片叫列表。列标签最大的特点:整齐。整洁,有序。

无序列表各列表项之间没有顺序之分,是并列的,基本语法格式如下:

1 <ul>
2     <li>表项1</li>
3     <li>表项2</li>
4     <li>表项3</li>
5     .....
6 </ul>

注意:

1 <ul></ul>里面只能存放<li></li>标签,存放其他标签的是不被允许的。

2 <li></li>相当于一个容器,可以存放所以元素。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <h3>我喜欢的水果</h3>
 9     <ur>
10         <li>苹果</li>
11         <li>香蕉</li>
12         <li>橘子</li>
13         <li>西红柿</li>
14         <li>芒果</li>
15         <li>
16             <h4>大河向东流</h4>
17             <p>大河向东流哇,天上的星星上北斗哇</p>
18         </li>
19     </ur>
20 </body>
21 </html>>

 

posted @ 2021-07-05 23:07  空谷幽兰LDD  阅读(128)  评论(0)    收藏  举报