|
身份：21届毕业生，功能测试在岗
目标：一年内成功转岗
学习平台：哔哩大学
今日学习内容：
一、块元素
用来对网页布局
1.一般会在块元素内放行内元素
2.p元素不能放任何块元素
3.块元素中可以放除开p元素的任意元素
二、行内元素
用来包裹文字
三、结构化语义标签（布局标签）
1.header：网页的头部
2.main：网页的主体，一个网页中只能存在一个主体
3.footer：网页底部
4.nav：表示网页中的导航
5.aside：和主体相关的其它内容，如侧边栏等
6.article：表示一个独立的文章
8.section：表示一个独立的区块，以上标签不适用时可使用section标签
9.div：块元素，没有语义，就是用来表示一个区块，可以代替以上所有标签
10.span：行内标签，用于网页中选中文字
四、列表
1.有序列表：ol标签，li表示列表项
2.无序列表：ul标签，li表示列表项
3.定义列表：dl标签，dt定义内容，dd解释内容
注：列表之间可相互嵌套
五、超链接
1.使用a标签：行内元素，可以嵌套除自身以外的任意元素
2.属性
（1）href：跳转到指定的目标路径，可以是外部网站的地址，也可以是内部页面的地址
href=#：表示回到顶部
href=#+元素id：去到页面任意元素位置
href=javascript:;：点击没有任何反应，用于占位
（2）target：指定超链接打开的位置
target=_self：默认值，与原始无差别
target=_blank：在新的标签页打开
六、元素的id属性
元素的唯一标识，同一个页面不可出现重复的id
七、相对路径
当需要跳转到服务器内部的页面时，一般使用相对路径，使用…/或./开头
./表示当前文件所在的目录，可不写
…/表示当前文件所在的上一级目录
|