第24课 路径练习
注意点:
- 以后企业开发中如果需要编写路径,统一使用反斜杠/,不要使用正斜杠.因为将来我们开发的程序可能会部署到其他操作系统的服务器上,而在其他操作系统中路径都是/,所以如果你写的不是/,可能会引发问题.
- 在企业开发中一般不会使用绝对路径,因为可移植性不好也就是说将你写好的代码拷贝给别人,别人可能就不能运行了.
第25课 a标签的基本使用
什么是a标签?
- a标签的作用: 就是用于控制页面与页面之间跳转的
- a标签的格式: < a herf="指定需要跳转的目标界面" >需要展现给用户查看的内容
a标签中有一个叫做target属性,这个属性的作用就是专门用于控制如何跳转 _self: 用于在当前选项卡中跳转,也就是不新建界面跳转,默认就是_self _blank: 用于在新的选项卡中跳转,也就是新建界面跳转
a标签还有一个属性,叫做title.a标签中的title和img标签中的title一样,都是用来控制鼠标悬停时显示的提示文本的
注意点:
- a标签不仅可以让文字可以点击,还可以让图片也能够被点击
- 一个a标签必须有一个href属性,否则a标签不知道要跳转到什么地方
- 如果通过a标签的href属性指定一个URL地址,那么必须在地址前面加上http:// 或https://
- a标签的href属性除了可以指定一个网络地址以外,还可以指定一个本地地址
第27课 base标签
base标签就是专门用来统一的指定当前网页中所有的超链接(a标签)需要如何打开
注意点:
- base标签必须写在head标签的开始标签和结束标签之间
- 如果既在base中指定了target又在a标签中指定了target,那么浏览器会按照a标签中指定的来执行
第28课 假链接
什么是假链接? 就是点击之后不会跳转的链接,我们称之为假链接
假链接存在的意义: 在企业开发前期,其他界面都没有写出来,那么我们就不知道应该跳转到什么地方,所以就只能使用假链接来代替.当项目后期其他界面都已经完成时再将假链接体会为真链接.
假链接的格式:
- javascript:
两者之间的区别: #的假链接会自动回到网页的顶部,而javascript:的假链接不会自动回到网页顶部
第29课 锚点
- 想要通过a标签跳转到指定的位置,那么必须告诉a标签一个独一无二的身份证号码,这样a标签才能在当前界面中找到需要跳转到的目标位置
- 如果和HTML中的标签绑定一个独一无二的身份证号码呢? 在HTML中,每一个标签都有一个名称叫做id的属性,这个属性就是用来给标签指定一个独一无二的身份证号码的
- 所以要想实现通过a标签跳转到指定的位置分为两步
- 给目标位置的标签添加一个id属性,然后指定一个独一无二的值
- 告诉a标签你需要跳转到的目标标签对应的独一无二的身份证号码是多少
格式:- < a href="#center" >跳转到中部< /a > - < h2 id="center" >我是中部< /h2 >
注意点:
- 通过我们的a标签跳转到指定的位置,是没有过度动画的,是直接一下子就跳转到了指定位置
- a标签除了可以跳转到当前界面的指定位置以外,还可以在跳转到其他界面的时候直接跳转到其他界面的指定位置
格式:- < a href="13-锚点测试界面.html#bottom" target="_blank">跳转到锚点测试界面< /a > - < h2 id="bottom">我是锚点测试界面33333< /h >
第30课 无序列表
1. 什么是列表标签?
- 列表标签的作用: 给一堆数据添加列表语义,也就是告诉搜索引擎告诉浏览器这一堆数据是一个整体
2. HTML中列表标签的分类
- 无序列表(最多)(unordered list)
- 有序列表(最少)(ordered list)
- 定义列表(其次)(definition list)
3. 无序列表的作用: 给一堆数据添加列表语义,并且这一堆数据中所有的数据都没有先后之分
4. 无序列表格式:
-
< ul >
-
< li >需要显示的条目内容< /li > -
< /ul >
-
li其实是英文list item的缩写
-
list是列表的意思
-
item是条目的意思
-
所以结合起来就是 列表条目的意思
5. 注意点:
- 一定要记住ul标签是用来给一堆数据添加列表语义的,而不是用来给他们添加小圆点的
- ul标签和li标签是一个整体,是一个组合,所以一般情况下ul标签和li标签都是一起出现,不会单个出现,也就是说不会单独使用一个ul标签或者单独使用li标签,都是结合一起使用
- 由于ul标签和li标签是一个组合,所以ul标签中不推荐包含其他标签,也就是说以后你在ul标签中只会看到li标签
无序列表应用场景:
-
新闻列表
-
商品列表
-
导航条
