3、列表、超链接
什么是超链接
超链接:指从一个网页的文字或图片指向一个目标的连接关系
超链接
超链接通过<a>标签实现,<a>标签是一个双标签
a 的英文全称是anchor(锚)
空链接
空链接是指目标端点的链接。用#表示
单击空连接,刷新当前页面,不跳转
超链接属性
target 属性规定链接目标的打开方式
属性值:
HTML列表定义
HTML列表是在网页中将相关资料以条目的形式,有序或无序排列形成的表
无序列表
无序列表是其各个列表项之间为并列关系,没有先后顺序的列表
无序列表语法结构
无序列表英文全称是 unordered lists ,标签为<ul>;
列表项英文全称是 list item,标签为<li>
无序列表属性
无序列表的type属性,用于指定列表项目符号类型
有序列表结构
有序列表是各个列表项按照一定顺序排列的列表
有序列表语法结构
有序列表的英文全称是 ordered lists,标签是<ol>
有序列表中列表项的标签是<li>
有序列表属性
有序列表的 type 属性,用于规定列表项目编号类型
有序列表的 start 属性,用于规定列表项目编号的起始值
自定义列表结构
自定义列表是带有列表项和列表项注释的列表
自定义列表语法结构
自定义列表的标签是 <dl>,英文全称是 definition list
列表项标签是 <dt>, 英文全称是 denfinition term
列表项注释的标签是<dd>, 英文全称是denfinition description
自定义列表小结
自定义列表:<dl>包含<dt>和<dd>
<dt>是列表项,<dd>是列表项注释
<dt>和<dd>并列关系,不能互相嵌套、不能颠倒
<dt>可以对应多个<dd>
<div>、<span>标签
<div>、<span>标签在语义上不代表任何特定类型的内容,可以被用来对其他标签进行分组
<div> 和 <span> 的区别
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决