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