路径问题
-想要给src赋值的方式有两种:相对路径和绝对路径
1.相对路径:就是从HTML所在的文件夹开始查找,我们称之为相对路径。
同级别的:<img src="123.jpg" width="120" alt="对不起" title=“”这是一张图片“”>
下级别:<img src="imges/123.com" width="120" alt="对不起" title=“”这是一张图片“” >
上级别:<img src="../123.jpg" width="120" alt="对不起" title=“”这是一张图片“”>
注意点:1路径中不要出现中文;2如果是相对路径,是不能跨盘符的
路径练习
1.企业开发中需要写路径,统一使用反斜杠/。
2.在企业开发中,不用绝对路径,可移植性不好。
a标签
作用:控制页面与页面之间跳转的
格式:<a href="需要跳转的目标页面">需要给用户查看的内容</a>
-注意点:
1.a标签可以让文字点击,也可以让图片点击
2.一个a标签必须有一个href属性,否则a不知道跳转到哪里。
3,如果通过一个a标签属性,制定一个URL地址,那么地址前面加上http://或者https://
4.a标签href属性除了可以指定一个网络地址外,还可以指定一个本地地址。
5.a标签中有一个target属性,属性的作用就是专门用于控制如何跳转的
-self:在当前选项卡中跳转
-blank:在新的选项卡中跳转
6.a标签中的title属性和img标签中的title属性一样,用来控制当鼠标悬是显示的信息
base标签
作用:专门用来统一指定当前网页中所有的超链接(a标签)需要如何打开
-注意点:
1.base标签必须写在head标签开始与结束之间
2.如果既在base标签中指定了target属性,又在base标签中指定了target属性,那么浏览器会按照base标签的target属性执行
假链接 点击之后不会跳转
存在的意义:企业开发前期,其他的界面没有写出来,不知道跳转到什么地方,所以只能用假链接代替,以后其他的界面开发出来后,再将假链接替换成真链接
格式:1:#;2:javascript:
两者的区别:#的假链接会自动返回顶部
锚点
1.要想通过a标签跳转到指定位置,必须告诉a一个身份号码id属性
2.先给想要跳转到的位置赋值,然后在连接
-注意点:
1.通过a标签跳转到指定位置,是没有过渡动画的
2.a标签除了可以跳转到当前界面的指定位置,还可以跳转到其他界面的指定位置:格式 :<a href="06-注释.html#zhiyijian">zhuandaodibu</a>