目录
图像标签和路径
图像标签
- <img src="图像URL" />来定义图像
- 其他属性:
属性 | 属性值 | 说明 |
src | 路径 | 必须有 |
alt | 文本 | 替换文本 |
title | 文本 | 提示文本,鼠标放图上,显示文字 |
width | 像素 | 宽 |
height | 像素 | 高 |
border | 像素 | 边框粗细 |
综合示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>图像标签</title>
</head>
<body>
<h4> 图像标签的使用:</h4>
<img src="img.jpg"/>
<h4> alt 替换文本 图像显示不出来的时候用文字替换:</h4>
<img src="img1.jpg" alt="莫莫"/>
<h4> title 提示文本 鼠标放到图像上,提示的文字:</h4>
<img src="img.jpg" title="莫莫" alt="莫莫的"/>
<h4> width 给图像设定宽度:</h4>
<img src="img.jpg" alt="莫莫" title="莫莫的" width="500"/>
<h4> height 给图像设定高度:</h4>
<img src="img.jpg" alt="莫莫" title="莫莫的" height="100"/>
<h4> border 给图像设定边框:</h4>
<img src="img.jpg" alt="莫莫" title="莫莫的" width="500" border="15"/>
<h4> 综合设定</h4>
<img src="img.jpg" alt="莫莫" title="莫莫的" width="100" height="100";/>
</body>
</html>
一些注意点
- 可拥有多属性,必须写在标签名后
- 属性不分先后,用空格分开
- 属性采取键值对的格式:key="value"
路径
目录文件夹:普通文件夹,存放了我们做页面的素材
根目录:打开目录文件夹的第一层
文件-->打开文件夹(或拖拽),选择目录文件夹更方便管理文件们
路径分类
1.相对路径
图片相对于HTML页面的位置
相对路径分类 | 符号 | 说明 |
---|---|---|
同一级路径 | 如src="model.jpg" | |
下一级路径 | / | 如src="images/model.jpg" |
上一级路径 | ../ | 如src="../model.jpg" |
2.绝对路径
直接到达目标或者是网络图片的地址
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>绝对路径</title>
</head>
<body>
<img src="D:\桌面\莫猪\IMG_1971.jpg" width="500" />
<img src="https://wx2.sinaimg.cn/orj360/006aCKOzly1h5z1vv85c7j30wi17c78m.jpg" />
</body>
</html>
超链接标签
链接的语法格式
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
- href:指定链接目标的URL地址(必须属性)
- target:指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口打开方式
链接分类
<h4>1.外部链接</h4>
<a href="http://www.qq.com" target="_blank"> 腾讯</a>
target 打开窗口的方式 默认的值是 _self 当前窗口打开页面 _blank 新窗口打开页面
<a href="http://www.itcast.cn" target="_blank">传智播客</a>
<h4>2.内部链接: 网站内部页面之间的相互链接</h4>
<a href="gongsijianjie.html" target="_blank">公司简介</a>
<h4>3.空链接:#</h4>
<a href="#">公司地址</a>
<h4>4.下载链接: 地址链接的是 文件 .exe 或者是 zip 等压缩包形式</h4>
<a href="img.zip">下载文件</a>
<h4>5.网页元素的链接</h4>
<a href="http://www.baidu.com"><img src="img.jpg"/></a>
效果:
锚点链接:点击链接,快速定位到页面中的某个位置
- 在href属性中,设置属性值为#名字的形式,如<a href="#two">第二集</a>
- 找到目标位置标签,里面添加一个id属性 = 刚才的名字,如<h3 id="two">第二集介绍</h3>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h2>目录</h2>
1 基本信息<br />
2 演艺经历<br />
3 <a href="#live">个人生活</a><br />
4 <a href="#zuopin">主要作品</a><br />
5 社会活动<br />
6 获奖记录<br />
7 人物评价<br />
<h3>基本信息</h3>
赵露思,1998年11月9日出生于四川省成都市,中国内地女演员。<br />
2017年,参演古装言情剧《凤囚凰》从而进入演艺圈。2018年4月25日,主演的古装言情奇幻网络剧《哦!我的皇帝陛下》在腾讯视频播出 [1] 。2019年1月12日,在第三届金骨朵网络影视盛典中获得年度网络潜力演员奖 [2] ;5月30日,主演的民国奇幻剧《青囊传》在优酷上线 [3] 。2020年3月19日,主演的古装仙侠剧《三千鸦杀》在芒果TV上线 [4] ;5月18日,主演的古装言情剧《传闻中的陈芊芊》在腾讯视频播出 [26] ;9月15日,主演的都市爱情喜剧《我,喜欢你》播出 [5] 。2021年3月31日,主演的古装励志剧《长歌行》在腾讯视频播出 [49] ;6月,主演电视剧《胡同》 [59] ;9月22日,主演的古装言情喜剧《国子监来了个女弟子》播出 [63] 。2022年,主演的古装武侠言情剧《且试天下》及古装家庭题材剧《星汉灿烂》和《月升沧海》先后在腾讯视频播出 [67] 。
<h3>演艺经历</h3>
2016年11月,以中级特工身份的参与录制的轻情境科幻综艺节目《火星情报局第二季》在优酷上线 [9] 。<br />
2017年7月1日,参与录制的轻情境科幻综艺节目《火星情报局第三季》在优酷上线。之后,参演奇幻喜剧电影《西游之净坛使者》 [10] 。9月29日,喜剧电影《缝纫机乐队》在全国上映,赵露思在片中饰演一名小护士,负责照顾投资大佬,最后两人一起开启浪漫的恋爱旅行 [11] 。<br />
2018年1月14日,参演由关晓彤、宋威龙等主演的古装言情剧《凤囚凰》播出,她在剧中饰演马雪云,虽对容止用情至深,却从未得到他的回应 [12-13] 。4月23日,参演的美食题材古装言情剧《萌妻食神》腾讯视频播出,她在剧中赵露思饰演温婉可人的歌女柳依依 [14-15] 。4月25日,主演的古装言情偶像剧《哦!我的皇帝陛下》腾讯视频上线,她在剧中赵露思饰演女主角洛菲菲,因机缘巧合进入到了一个以星座能力为评判标准的架空平行世界,与不同星座的人物发生了一系列啼笑皆非又感人励志的故事;同时,还为该剧与谷嘉诚演唱插曲《好像掉进爱情海里》 [1] [16] 。<br />
2019年1月12日,在第三届金骨朵网络影视盛典中获得年度网络潜力演员奖 [2] 。1月28日,与王以纶合作搭档主演青春治愈网络剧《最动听的事》播出,她在剧中饰演女主角贝耳朵,是一个有着神奇的听力天赋的配音师 [17-18] 。2月14日,主演的都市情感电影《蓝色生死恋》在全国上映,她在片中赵露思饰演了被迫错位命运的恩熙 [19] 。5月30日,民国奇幻剧《青囊传》在优酷上线,赵露思所饰演的叶云裳出身于医药世家,与神木族少年木星尘一起云游人间,济世众生 [3] 。7月5日,古装言情剧《天雷一部之春花秋月》播出 [20] ,赵露思再次搭档李宏毅,她在剧中饰演春花,是个为了体验爱情而穿越到一个架空的武侠世界的女孩,与两名黑白对峙的少年产生情愫 [21] 。11月8日,参与录制的演技类综艺节目《演技派》在优酷播出 [22] 。<br />
2020年1月25日,在江苏卫视春节联欢晚会上与解晓东一起表演组曲《今儿个真高兴》、《卡路里》和《健康歌》 [23] 。3月19日,与郑业成主演的古装仙侠剧《三千鸦杀》在芒果TV上线,赵露思她在剧中饰演一个不谙世事的公主蜕变为了隐忍担当的复国帝女覃川 [4] [24] 。5月18日,主演的古装言情剧《传闻中的陈芊芊》腾讯视频播出,赵露思凭剧中陈芊芊一角获得更多关注,并获得了第七届横店影视文荣奖最佳女主角奖和腾讯视频星光大赏“年度突破电视剧演员”奖 [7-8] [26] 。7月25日,与陆宇鹏合唱的歌曲《青春必修课》上线 [27] 。9月15日,主演的都市情感剧《我,喜欢你》腾讯视频播出,赵露思她在剧中饰演的是顾胜男 [5] [30] ,同时,该剧主题曲《我喜欢你》也由她来演唱 [31] 。10月19日,参与出演的历史战争片《1921》宣布定档2021年7月1日于全国上映 [47-48] 。10月20日,由中国视协演员工作委员会主办的第七届“中国电视好演员”网络投票结果公布,赵露思获得中国电视好演员优秀演员(网剧组女演员)奖 [32] 。 12月31日,在《启航2021——中央广播电视总台跨年盛典》节目上与高伟光演唱歌曲《我的未来不是梦》 [34-35] ;同一天,加盟浙江卫视跨年晚会,并演唱歌曲《芒种》 [36] 。<br />
2021年3月31日,古装励志剧《长歌行》腾讯视频上线,赵露思她在剧中饰演温柔亦有女子力的李乐嫣 [25] ;同时,该剧插曲《多么愿你是我恒久的歌》并由她来演唱 [51] 。5月20日,主演的都市偶像剧《一不小心捡到爱》播出,赵露思她在剧中饰演具有漫画梦想的快递员顾安心 [28] [56] ;7月1日,参演的电影《1921》上映,她在剧中饰演刘清扬 [53] 。9月22日,主演的古装言情喜剧《国子监来了个女弟子》腾讯视频、优酷播出,她在剧中饰演了大司马桑公的独女桑祈 [29] [63] 。同年,参加真人秀《拜托了冰箱轰趴季》。
2022年4月18日,与杨洋主演的古装武侠言情剧《且试天下》腾讯视频播出,她在剧中所饰演的白风夕是名满江湖的女侠,即青州公主风惜云 [33] [67] 。7月5日,赵露思与吴磊再度合作主演的古装家庭题材剧《星汉灿烂·月升沧海》在腾讯视频开播,赵露思在剧中饰演程家女儿程少商 [69-70] ;8月,赵露思主演的新剧《偷偷藏不住》开机 [75] ;9月25日,主演的电视剧《胡同》播出,赵露思她在第一篇章里饰演女主“田枣” [59] [76] 。
<h3 id="live">个人生活</h3>
赵露思高中就读于西南交通大学附属中学;之后,在明道大学时尚造型系就读。赵露思非常爱吃辣,在台湾读书时也常做家乡菜给同学吃,最后甚至在学校美食街经营一间馄饨店。<br />
<h3 id="zuopin">主要作品</h3>
偷偷藏不住 [ 演员 (饰 桑稚) ]
主演:赵露思 / 陈哲远 / 马伯骞 / 张柏嘉 / 顾书齐 / 王伊澜 / 齐天晴 / 卢东旭 / 唐思佳 / 朱子昊 / 管梓净 / 徐世昕 / 胡宇轩<br />
神隐 [ 演员 ]
主演:赵露思 / 井柏然 / 李昀锐 / 代露娃<br />
胡同 [ 演员 (饰 田枣) ]
导演:付宁
主演:赵露思 / 侯明昊 / 蔡文静 / 刘欢 / 关晓彤 / 林一 / 朱锐 / 唐曾 / 扈耀之 / 迟帅 / 刘佳 / 宋美洁 / 刘亭作 / 吴刚 / 巫刚 / 陈瑾 / 钱波 / 李浩菲 / 刘迅 / 吴彦姝 / 王新 / 张皓越 / 阮巡 / 李林 / 赵菲 / 赵若君<br />
星汉灿烂·月升沧海 [ 演员 (饰 程少商) ]
导演:费振翔
主演:吴磊 / 赵露思 / 郭涛 / 曾黎 / 保剑锋 / 童蕾 / 李昀锐 / 余承恩 / 徐娇 / 曹曦文 / 施诗 / 陈意涵 / 张月 / 汪卓成 / 王梓薇 / 高寒 / 许娣 / 张天阳 / 彭杨 / 沙宝亮<br />
472613人评价
且试天下 [ 演员 (饰 白风夕) ]
导演:尹涛 / 于永刚
主演:杨洋 / 赵露思 / 张丰毅 / 李若彤 / 宣璐 / 赖艺 / 贺开朗 / 刘芮麟 / 张天阳 / 张昊唯<br />
119515人评价
青春环游记 第四季 [ 演员 - 自己 ]
导演:吴彤
主演:吴磊 / 孙红雷 / 迪丽热巴 / 范丞丞 / 郎朗 / 杨迪 / 陈哲远 / 张新成 / 白敬亭 / 赵露思 / 谭松韵 / 赵今麦<br />
后浪 [ 演员 (饰 孙头头) ]
导演:韩晓军
主演:吴刚 / 赵露思 / 罗一舟 / 张萌 / 江珊 / 周澄奥 / 朱俊麟 / 李百惠 / 颜安 / 代露娃<br />
国子监来了个女弟子 [ 演员 ]
导演:许珮珊
主演:赵露思 / 徐开骋 / 任豪 / 张月 / 敖瑞鹏 / 杜煜<br />
</body>
</html>