HTML-路径问题-一一网

路径问题（以下内容都在`<body></body`>中）:

一、引入本地资源（图片）
1、对应资源和其本身，在同一个文件夹中，直接打对应名称.后缀
<img src="https://juejin.cn/post/1_03.png" >
为了对所有图片进行统一的管理，要把所有的图片放在一个文件夹images里面。
2、如果对应资源在其同级的文件里，文件夹名/对应资源.后缀
<img sre="images/1_03.png" >
如果有多重文件夹<img sre="文件夹名/文件夹名/对应名称.后缀">
3、如果对应资源在其上一级，（../表示返回上一级）
../对应名称.后缀<img scr="../1_03.png" >
如果返回三级就用<img scr="../../../1_03.png" >
4、当前目录用./表示，但HTML中不需要打出来
二、引入本地资源（音频、视频）
1、音频audio标签
controls属性表示控制台属性
<audio src="https://juejin.cn/post/music/张远 - 嘉宾.mp3" controls></audio>
2、视频video标签
<video src="https://juejin.cn/post/shipin/yssa.mp4" controls></video>
三、两个本地网页的跳转
1、跳转到第二页
<a href="https://juejin.cn/post/web/第二页.html">跳转到第二页</a>
2、返回路径页
我是第二页<a href="https://juejin.cn/路径.html">返回路径页</a>
3、<br>表示换行符标签
四、作业
作业要求：写3个，要求所有的图片必须为本地图片，在网页中点击图片时，会跳转到对应的内容，同时，也能跳转回图片上

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
</head>
<body>
	<h1>男明星</h1>
	<h2>易烊千玺</h2>
	<a href="https://juejin.cn/post/web/易烊千玺简介.html">
		<img src="https://juejin.cn/post/images/易烊千玺.jpg"  width="600" height="800">
	</a>
	<h2>鹿晗</h2>
	<a href="https://juejin.cn/post/web/鹿晗简介.html">
		<img src="https://juejin.cn/post/images/鹿晗.jpg"  width="600" height="800">
	</a>
	<h2>张艺兴</h2>
	<a href="https://juejin.cn/post/web/张艺兴简介.html">
		<img src="https://juejin.cn/post/images/张艺兴.jpg" width="600" height="800">
	</a>
</body>
</html>
复制代码

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>第一页易烊千玺简介</title>
</head>
<body>
	<h1>易烊千玺</h1>
	<h2>易烊千玺，2000年11月28日生于湖南怀化，中国内地男演员、歌手、舞者，演唱组合TFBOYS成员，就读于中央戏剧学院。</h2>
	<h3>代表作品:少年的你,送你一朵小红花,世间有她,长津湖,长安十二时辰</h3>
	<h3>主要成就第39届香港电影金像奖最佳男主角（提名）
	第33届中国电影金鸡奖最佳男主角（提名）
	第26届香港电影评论学会大奖最佳男演员（提名）
	第39届香港电影金像奖最佳新演员
	第35届大众电影百花奖最佳新人
	第14届亚洲电影大奖最佳新演员
	第28届上海影评人奖年度新人男演员
	第30届中国电视金鹰奖最佳男演员（提名）
	2020福布斯中国名人榜第1名
	第19届中国年度新锐榜年度新锐人物
	2019腾讯娱乐白皮书年度商业价值之星
	智族GQ十年影响力人物
	2019爱奇艺尖叫之夜年度男歌手
	第16届音乐风云榜最受欢迎偶像
	丹麦王国首位国家旅游形象代言人</h3>
	<img src="https://juejin.cn/images/千玺.jpg"  width="700" height="800">
	<a href="https://juejin.cn/首页.html">返回</a>
</body>
</html>
复制代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>第二页鹿晗简介</title>
</head>
<body>
	<h1>鹿晗</h1>
	<h2>鹿晗（Lu Han），1990年4月20日出生于北京市海淀区，中国内地流行乐男歌手、影视演员。</h2>
	<h3>代表作品:我们的明天、勋章、致爱、重返20岁、我是证人、穿越火线、在劫难逃</h3>
	<h3>主要成就国际唱片业协会IFPI“白金唱片”销量认证《Reloaded》
	第22届北京大学生电影节最受欢迎男演员
	第5届北京国际电影节年度新人奖
	2016影响中国年度演艺人物
	2016全球流行音乐金榜年度全能艺人
	2016音乐V榜内地年度最佳男歌手</h3>
	<img src="https://juejin.cn/images/小鹿.jpg"   width="700" height="800">
	<a href="https://juejin.cn/首页.html">返回</a>
</body>
</html>
复制代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>第三页张艺兴简介</title>
</head>
<body>
	<h1>张艺兴</h1>
	<h2>张艺兴（LAY），1991年10月7日出生于湖南省长沙市，中国内地流行乐男歌手、影视演员，韩国男子演唱组合EXO/EXO-M成员。</h2>
	<h3>代表作品一个人
	祈愿
	独角戏
	SHEEP</h3>
	<h3>主要成就“风从东方来”娱乐影响力盛典年度音乐先锋人物
	亚洲影响力东方盛典最具影响力全能艺人 [14] 
	第16届音乐风云榜年度盛典年度最受欢迎新人奖
	第4届中英电影节最佳男配角奖 [4] 
	第2届中国电视剧品质盛典年度全能艺人奖 [15] 
	第25届东方风云榜音乐盛典年度最受欢迎男歌手</h3>
	<img src="https://juejin.cn/images/艺兴.jpg"   width="700" height="800">
	<a href="">返回</a>
</body>
</html>
复制代码

文章版权归作者所有，未经允许请勿转载。

THE END

前端