图片标签,超链接标签

图片标签

使用本地资源和网络资源

img src=“”/

图片标题 title

图片出事故后显示 alt

<html>
    <head>
	    <title>图片标签学习</title>
		<meta charset="UFT-8"/>
	</head>
	<body>
	    <h3>图片标签学习</h3>
		<hr />
		<!--
		    使用本地资源
		    img
			    src:图片路径
				    分为相对路径:从当前文件出发查找另一个文件所经过的路径
					    绝对路径:从根盘符出发所查找文件的路径
				一般使用相对路径
		-->
		<img src="img/1.jpg" width="500px"  height="800px" title="这是一个美丽的图片" />
		<!--
		    img/1.jpg指图片路径
		    可以自行设置长宽,只设置一个参数,会自动将另一个参数也改变,也可以都改
			单位可以是px或%
			title指图片标题,把鼠标放在图片上会显示title所定义的内容
			还可以写alt,表示当图片加载不出来或图片碎裂,会在下方显示其所定义的文字
			
			注:图片不会自动换行
		-->
		
		<hr />
		<!--
		    使用网络资源
			直接复制网络图片的链接
		-->
		<img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.RTZeLmiU2Ft6J0wreTiV_QHaKz?pid=ImgDet&rs=1"/>
	</body>
</html>

超链接标签

a标签

资源路径 href

资源跳转的位置 target

<html>
    <head>
	    <title>超链接标签</title>
		<meta charset="UFT-8"/>
	</head>
	<body>
	    <h3>超链接标签</h3>
		<hr />
		
		<!--
		    a标签:href指要跳转的网页资源路径,有相对途径和网页途径
			<a>访问方式</a>两者中间的文字是给用户一个点击点,让其跳转到指定页面,这部分必须写,不然没有可点的地方
			title:超链接标题,鼠标放在上面可以显示出定义的内容
			target :指明要跳转的网页资源的显示位置
			         _blank  在新的标签页中显示
					 _self   在当前页中刷新显示
					 _top    在顶层页面中显示
					 _parent 在父级页面中显示
					 
			
			访问方式可以是文字也可是图片
		-->
		<!--本地资源-->
		<a href="图片标签学习.html"  title="图片标签学习"  target="_blank">图片标签学习</a><br />
		<a href="body的文本标签.html"  target="_blank"><img src="img/1.jpg"  width="200px" /></a>
		
		<hr />
		<!--网络资源-->
		<a href="https://www.cnblogs.com/valder-/"  target="_blank">valder的博客</a>

	</body>
</html>

锚点

a标签中href和name结合使用

返回顶部#的使用

<html>
    <head>
	    <title>锚点学习</title>
		<meta charset="UFT-8"/>
	</head>
    <body>
	    <h3>锚点学习</h3>
		<hr />
		
		<!--
		    作用:在一张网页中进行资源跳转
			使用:先使用超链接标签在指定位置标记锚点
			      <a name="锚点名"></a>
				  然后使用a标签跳到指定位置
				  <a href="#锚点名">名字</a>
		-->
		
		<!--目录-->
		<a href="#first">《沙丘》</a>
		<a href="#second">《你的名字》</a>
		<a href="#third">《孔雀》</a>
		<p>《沙丘》</p>
		
		<a name="first"></a>
		
		<p>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当提莫西·查拉梅饰演的保罗
		初抵他所在的厄崔迪家族被委派托管的厄拉科斯星之后,他坐在他的房间中
		,一个男声通过全息影像告诉他有关厄拉科斯星的生存智慧:这个荒凉的星
		球的原住民弗雷曼人会以一种类似于舞蹈的行走方式来通过沙漠,这是为了
		避免发出有节奏的脚步声,它将引来沙虫——生活在厄拉科斯星沙漠的一种巨
		大生物,沙虫会吞噬一切。
		</p>
		<p>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在一只蝇虫形态的机械猎杀镖
		潜入保罗的房间之前,这个场景丝毫不惊心动魄。尽管如此,它依然是整部
		电影最重要的段落之一,除了告诉观众保罗的其中一种理解未知世界的方式之
		外(另一种当然是贯穿全片的先知般的梦境),它同时构成了观众可理解、可
		触及这个未来世界的方式,甚至从某种意义上来说是对正在进行的观看行为的
		自指:坐在某个确定的位置上,望向不远处的前方,瞬时变化的光影正上演着
		视觉骗术,遵循着某种特定语法规则的声音传入耳中并经由大脑加工生产出直
		观的意义。
		</p>
		
		<p>《你的名字》</p>
		
		<a name="second"></a>
		
		<p>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《你的名字》虽然登场人物极少
		,主要不过男女主人公二人。但复杂而又精巧的结构,让本片显露出大片的气质
		。岐阜县系守町的高中生三叶(上白石萌音 声配),希望早日摆脱单调的生活,
		和作为长女不得不继承古老神社仪式的烦恼。“下辈子把我变成东京的帅哥”三叶
		朝着远方呼喊。就在彗星即将造访地球前的某天早上,三叶竟然美梦成真/一语
		成谶,在梦中和东京的高中生泷(神木隆之介 声配)相互交换了各自的身体。三
		叶进入了泷的身体并穿越到了东京,而泷则换成了三叶的身体来到了系守町。但周
		围的人们却并没有察觉到任何异样。身体互换后带来的各种各样的尴尬和窘态,通
		过周围人的诧异反应得到了侧面烘托。就好像,三叶进入泷的身体之后,因为突然
		增加的女子力而获得了泷一直暗恋着的前辈(长泽雅美 声配)的好感。并帮助泷带
		来了人生的第一次约会。互换之后第二天,两人又会重新回到各自正常生活。而事
		后,两人才羞愧得意识到对方用自己得身体做过得种种荒唐之事,不禁更加滑稽可爱
		。正是在这样一种互换和对比的交替运动之下,新海诚将前半部分的喜剧性和荒诞感
		铺陈得可谓极好。
		</p>
		<p>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;从叙事结构来说,本片分别由三叶和的
		平等,但是无论是视点的分配,还是画面所占比重,都显示出主线和辅线的区别来。在
		未互换身体之前,三叶的日常和校园生活被着重描写,以突出她对东京都市生活的憧憬
		。而三叶进入泷的身体,也比泷进入三叶的身体之后,所发生的种种生活插曲更加让人
		印象深刻。可以说,三叶的视角主导着本片的前半部分的节奏。这也许是出于拥有女子
		力的泷的人物设定更充满戏剧性的原因。但更重要的是为后半部分,以泷的主视角的反
		转做对比。与此同时,也不再只是空间的互换,并导入了时间的维度。
		</p>
		
		
		<p>《孔雀》</p>
		
		<a name="third"></a>
		
		<p>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《孔雀》里最好的一场,就是在开头:姐
		姐在拉手风琴,背后开水壶突突的喷着热气,再远处一个老人枯坐着。这一场可谓完美
		首先画面很漂亮,姐姐白衣黑裙,黑白琴键,长长的走廊很有纵深感;其次很好听,姐姐
		拉手风琴不很熟练,但很抒情,背景里还有水开的声音;再次,也是最好的一点,是把姐
		姐这个角色的心理性格的主要特色展现出来了。
		</p>
		<p>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;按照常理,她应该放下琴,起身去灌水。这
		样一来,她就是个寻常的、懂事的、正常的女孩。但是她继续拉琴,任凭开水在背后翻腾依
		旧安之若素,她出离生活的性格表现出来了。更细腻的是她的神情安然,不着急,也不愧疚
		,性格里强硬的一面也出露端倪。再又就是最后曲子拉完,她还是回过头看了那喷气的开水
		壶,那种无可摆脱和烦躁,也出来。这场是我看了几遍之后,才觉出好的。第一次看时,觉
		得很奇怪,这个剪多次的电影,为什么留下这个没有叙事、也不提供叙事动力的场景呢?如
		果仅是抒情,未免多余。再往后看,全部的场都有用,一个多余的镜头都没有。全部故事看
		完,再翻过头看第一场,就觉出提纲挈领的好了。
		</p>
		
		
		<!--#表示刷新页面,刷新后自然会到顶部-->
		<a href="#">回到顶部</a>
	</body>

</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值