一、图像标签和路径
1.相对路径
相对路径：图片相对于HTML的位置
2.绝对路径
二、超链接标签
1.链接的语法格式
2、示例
<body>
<h3 id="topp">顶部</h3>
<img src="https://i0.hdslb.com/bfs/sycp/creative_img/202212/5fde13457f4f8e5a504a5032c3460e53.jpg@!web-video.avif"/>
<h4>外部链接</h4>
<a href="http://www.qq.com" target="_blank">腾讯</a>
<a href="cloud.html" target="_self">内部链接</a>
<a href="#">空链接</a>
<a href="img/1.zip">下载链接</a>
<a href="http://www.baidu.com">网页元素链接<img src="img/1.jpg"/></a>
<h2>锚点链接</h2>
<h3 id="top">目录</h3>
<a href="#live">个人生活</a><br>
<a href="#works">主要作品</a><br>
社会活动</body>
人物评价</br>
<h3 id="live">个人生活</h3>
1991至1997年，穆婷婷就读于重庆沙坪坝区第一实验小学。1997年至2003年，初中、高中就读于重庆第八中学。穆婷婷从小就不太合群，高中考上八中后成绩一直都是全校前十名，但她决定上电影学院。除了日常的文化课外，她每天早上5点半起床念绕口令，中午和下午练习舞蹈、弹钢琴，每天上完自习还要练功，周末去上台词课、舞蹈课、钢琴课。2003至2007年，就读于北京电影学院表演系03级，并拿到了北电硕士学位 [6] 。她从上大学到北京后一直独立生活。
穆婷婷长相甜美可人，她的扮相宜古宜今，外表清纯可人，骨子里却有一股倔强的劲（新浪网评 [7] ）。
穆婷婷传达给观众一种积极乐观的心态、向上的生命力。穆婷婷长相清纯颇有人气，自从入行以来一直倍受观众和导演的喜爱，不但扮相宜古宜今，更能把不同的角色演绎得精彩到位（搜狐评 [8] [49] ）。
戏外的她自由自在、无拘无束，就像一个不经世事、不食人间烟火的大女孩（凤凰网评 [50] ）。
穆婷婷身上有着典型的辣妹子性格：不喜欢应酬，说话直来直去，独立坚强，这样的性格让她失去了一些东西，同时也得到了很多东西（重庆晚报评 [51] ）。
<h3 id="works">主要作品 <a href="#top">返回顶部</a></h3>
电视剧作品
▪ 天天有喜 ( 2013) ▪ 深宫谍影 ( 2011) ▪ 梅花计划 ( 2011)
▪ 碧波仙子 ( 2010) ▪ 空姐日记 ( 2010) ▪ 乱世情缘 ( 2011)
▪ 美人关 ( 2011) ▪ 步步惊心 ( 2011) ▪ 锦衣卫 ( 2006)
▪ 新一剪梅 ( 2009) ▪ 活佛济公2 ( 2011) ▪ 水母阴姬 ( 2009)
▪ 孔雀翎 ( 2010) ▪ 生死桥 ( 2010) ▪ 步步惊心 ( 2011)
▪ 赖布衣传奇 ( 2008) ▪ 爸爸我怀了你的孩子 ( 2010) ▪ 济公活佛2 ( 2011)
▪ 活佛济公2 ( 2011) ▪ 七种武器之孔雀翎 ( 2009) ▪ 活佛济公 ( 2010)
▪ 亲爱的回家 ( 2011) ▪ 楚留香传奇 ( 2006) ▪ 薛平贵与王宝钏 ( 2011)
▪ 刘海戏金蟾 ( 2013) ▪ 金玉满堂之身世之谜 ( 2012) ▪ 凤凰牡丹 ( 2012)
▪ 生死桥 ( 2010) ▪ 土地公土地婆 ( 2012) ▪ 女人泪 ( 2012)
<a href="#topp">返回顶部</a><br>
<p>这是一个p标签
</body>
3.综合案例
(1)demo.html
<body>
<h1>詹妮弗·康纳利</h1>
<a href="#early">1.早年经历</a><br>
<a href="#act">2.演艺经历</a><br>
<a href="#live">3.个人生活</a><br>
<a href="#evaluate">4.人物评价</a><br>
<h2 id="early">早年经历</h2>
<p>1970年12月12日，詹妮弗·康纳利出生于美国纽约州中部的<a href="mountain.html" target="_blank">卡茨基尔山区</a>，她自小在纽约市布鲁克林街区长大，并进入圣安学校就读。10岁时，她就受父亲的影响，开始在纽约时装界进行模特商业表演。</p>
<img src="../img/1.jpg" alt="">
<h2 id="act">演艺经历</h2>
<p>1979年，詹妮弗·康纳利客串出演了英国电视剧《惊奇轶事第一季》，这是她的电视剧处女作 [3] 。1984年，出演了英国杜兰杜兰乐队的MTV《蛇盟（Union of the Snake）》 [2] ；同年，詹妮弗·康纳利被意大利导演赛尔乔·莱昂内相中，在其执导的剧情片《美国往事》中饰演少年黛博拉，该片是她的电影处女作 [4] 。
1985年1月31日，领衔主演的奇幻惊悚电影《神话》上映，她在片中饰演聪明的女中学生“珍妮弗·科尔维诺”；5月9日，与Byron Thames、罗伦·荷莉等共同主演的爱情喜剧片《天堂七分钟》上映。
1986年6月27日，与大卫·鲍伊、弗兰克·奥兹等联袂出演的奇幻冒险电影《魔幻迷宫》上映，她在片中饰演为了救回弟弟而踏上冒险旅途的少女“萨拉” [5] 。
1988年9月9日，与帕特里克·德姆西、谢拉·柯雷等联合主演的爱情喜剧片《姐妹》上映。1989年3月17日，与Gary McCleery领衔主演的奇幻惊悚片《星光迷乱》上映。
1990年10月12日，与唐·约翰逊、维吉妮娅·马德森等合作出演的爱情犯罪电影《激情沸点》上映。1991年6月21日，与比尔·坎贝尔、提摩西·道尔顿一同主演的科幻动作片《火箭专家》上映，詹妮弗·康纳利凭借该片获得了第18届土星奖最佳女配角提名。
1992年10月15日，出演的犯罪惊悚片《正义之心》上映，该片由布鲁诺·巴列托执导。1994年10月6日，与安东尼奥·班德拉斯领衔主演的剧情片《乱世惊情》上映，她在片中饰演美丽的时装杂志记者“伊莲娜” [3] 。
1995年1月11日，与艾斯·库珀、欧玛·艾普斯等共同出演的剧情片《校园大冲突》上映 [3] 。1996年4月26日，与尼克·诺特、梅兰尼·格里菲斯等联袂出演的犯罪惊悚片《CIA惊世大行动》上映。
1997年4月4日，与杰昆·菲尼克斯、丽芙·泰勒等联合主演的爱情电影《爱的秘密》上映。1998年2月27日，与卢夫斯·塞维尔、威廉·赫特等合作主演的科幻惊悚片《移魂都市》上映，她在片中扮演自称是失忆男主角约翰·梅铎妻子的“艾玛” [6] 。
2000年1月22日，搭档比利·克鲁德普主演的惊悚电影《死亡中惊醒》上映；5月14日，与艾伦·鲍斯汀、杰瑞德·莱托等一同主演的剧情片《梦之安魂曲》上映，她在片中饰演可爱但却毒瘾缠身的女人“马里恩-西尔弗”，凭借该角色获得了第16届独立精神奖最佳女配角提名。
2001年12月21日，与罗素·克劳、艾德·哈里斯等共同主演的传记电影《美丽心灵》上映，她在片中饰演美国数学家约翰·纳什忠诚的妻子“艾丽西娅·纳什”，凭借该角色获得了第74届奥斯卡金像奖最佳女配角奖 [1] 、第59届美国电影电视金球奖电影类-最佳女配角、第55届英国电影和电视艺术学院奖电影奖-最佳女配角、第36届美国国家影评人协会奖最佳女配角奖 [2] 。
2003年6月17日，与艾瑞克·巴纳、尼克·诺特等联袂主演的超级英雄电影《绿巨人浩克》上映，詹妮弗·康纳利扮演唯一一个能使绿巨人平静的科学家“贝蒂·罗斯” [7] ，凭借该角色获得了第30届土星奖最佳女主角提名。
2005年6月27日，领衔主演的恐怖电影《鬼水怪谈》上映，她在片中饰演带着女儿搬进一幢老旧公寓准备开始新的生活的单身母亲“达莉娅” [8] 。
2006年10月6日，与凯特·温丝莱特、帕特里克·威尔森等联合出演的爱情电影《身为人母》上映；12月8日，与莱昂纳多·迪卡普里奥、杰曼·翰苏合作出演的犯罪电影《血钻》上映，詹妮弗·康纳利饰演充满正义感的美国记者“麦迪·鲍文”。
2007年9月13日，与杰昆·菲尼克斯、马克·鲁弗洛一同出演的犯罪惊悚片《冲击之路》首映 [9] 。2008年12月12日，与基努·里维斯、凯茜·贝茨等共同主演的科幻惊悚片《地球停转之日》上映，她在片中饰演供职于普林斯顿大学的太空微生物学教授“海伦·班森”。</p>
<h2 id="live">个人生活</h2>
<p>詹妮弗·康纳利的父亲杰勒德·康纳利（Gerard Connelly）是个服装商，拥有挪威及爱尔兰血统，笃信罗马天主教；母亲艾琳·康纳利（Eileen Connelly）是个古董商，来自一个俄罗斯及波兰的犹太人移民家庭 [14] 。1991年，在拍摄《火箭专家》时，詹妮弗·康纳利与男主角比尔·坎贝尔相恋，1996年分手 [3] 。
1997年，詹妮弗·康纳利与摄影师戴维·杜根相恋，并产下一子凯，之后两人感情破裂 [15] 。
2001年，詹妮弗·康纳利与演员乔西·查尔斯相恋，2002年4月分手 [15-16] 。
2002年底，詹妮弗·康纳利与英国演员保罗·贝塔尼订婚，并于圣诞节期间秘密结婚 [16] 。2003年8月，两人的儿子Stellan出生 [3] 。2011年5月31日，詹妮弗·康纳利生下女儿阿格尼斯（Agnes）。</p>
<h2 id="evaluate">人物评价</h2>
<p>美丽恬静的詹妮弗·康纳利，有着一头乌黑亮丽的秀发，浅蓝的眼睛、精美的轮廓。她精干而富有天赋，不受任何影片或角色的限制。在电影《梦之安魂曲》中，她深刻剖析了瘾君子渴望生活的绝望心理，使得观众在心灵上受到了强烈的震撼，让人不得不为她的演技折服。在电影《死亡中惊醒》中，她显示出了她的表演深度和才华。在传记片《画家波拉克》中，她表现出了超强的性感和天赋。而在电影《美丽心灵》中，她再次展现出了她的精湛演技 [2] [15] 。（《音像世界》、《舞台与银幕》评）</p>
<p>更多内容可以<a href="http://www.baidu.com" target="_blank">百度一下</a></p>
</body>
(2)mountain.html
<body>
<h1>卡茨基尔山脉</h1>
<p>卡茨基尔山脉位于美国纽约州，阿利根尼（Allegheny）高原的切割部分，阿帕拉契山系一部分，大部位于纽约州东南部。东和北以摩和克（Mohawk）河和哈得逊河两河谷为界，德拉瓦河源和无数小溪从山上流出。许多山峰高逾900公尺（3,000呎），最高峰为斯莱德山（Slide Mountain，高1,281公尺〔4,204呎〕）。</p>
<img src="https://baike.baidu.com/pic/%E5%8D%A1%E8%8C%A8%E5%9F%BA%E5%B0%94%E5%B1%B1%E8%84%89/18767506/1/9345d688d43f8794111568dad41b0ef41ad53a5f?fr=lemma&fromModule=lemma_top-image&ct=single">
</body>
三、注释
四、HTML中的特殊字符
五、表格标签
1.表格的基本语法
2.表头单元格标签
<table align="center" border="1" cellpadding="0" cellspacing="0" width="500" height="260">
<tr><th>姓名</th> <th>性别</th> <th>年龄</th></tr>
<tr><td>小花</td> <td>女</td> <td>33</td></tr>
<tr><td>小草</td> <td>女</td> <td>28</td></tr>
</table><br>
3.表格结构标签
4.综合案例
<table align="center" border="1" cellspacing="0" width="500" height="249">
<thead>
<tr>
<th>排名</th>
<th>关键词</th>
<th>趋势</th>
<th>今日搜索</th>
<th>最近七日</th>
<th>相关链接</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>傻妃出墙了</td>
<td><img src="../img/2.png"></td>
<td>999</td>
<td>231</td>
<td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
</tr>
<tr>
<td>2</td>
<td>倾世囧妃</td>
<td><img src="../img/2.png"></td>
<td>333</td>
<td>231</td>
<td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
</tr>
<tr>
<td>3</td>
<td>纨绔世子妃</td>
<td><img src="../img/2.png"></td>
<td>116</td>
<td>333</td>
<td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
</tr><tr>
<td>4</td>
<td>梦回大清</td>
<td><img src="../img/2.png"></td>
<td>222</td>
<td>233</td>
<td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
</tr>
</tbody>
</table>
116
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
