一枚测试正在学前端3
作者:互联网
身份: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
七、相对路径
当需要跳转到服务器内部的页面时,一般使用相对路径,使用…/或./开头
./表示当前文件所在的目录,可不写
…/表示当前文件所在的上一级目录
标签:网页,标签,前端,元素,列表,href,测试,一枚,页面 来源: https://blog.csdn.net/weixin_51002293/article/details/122182884