1.列表标签:
有序列表
ol创建有序列表 type=””
li 列表项 默认是数字1-n的列表符号,可以通过ol的type属性改变列表符号
如果type属性值为:A, a, I, i 则默认以开始属性值往后排序
可添加属性start 想从第几开始排 star属性值就填阿拉伯数字几
ul创建无序列表 type=””
li 列表项 默认是黑色小实心圆点的列表符号,可以通过ul的type属性改变列表
符号
如type=”disc” 意思是discircle,实心圆
type=”square” 意思是square,实心方框
type=”circle” 意思是circle,空心圆
ul 和li是一个很好的天生父子结构(柜子与抽屉),可以做导航栏
2.自定义列表:
dl 创建定义列表
dt 设置名词
dd 针对名词的解释
- img 插入图片标签
src 引入图片的路径
绝对路径,从当前的磁盘开始寻找,逐步缩小,直到找到目标文件
相对路径,从当前操作的文件开始寻找,对应两个文件之间的最短路径,
直到找到目标文件 ./表示当前路径 …/表示返回上级目录
title 提示信息 当鼠标停在图片上时会显示title的属性值
alt 代替文本 当图片路径出现错误或者图片加载失败时,alt的属性值会替换图片显示(注:搜索引擎优化)
style 属性可以给图片添加样式
img代码
< img src=”” style=”” title=”” alt=””>
4.a 超链接标签(锚) 可以包裹图片 自带下划线 鼠标划入显示手形
功能:超链接,锚点,打电话,发邮件,协议限定符
href 需要跳转页面的地址
title 提示信息,当鼠标悬停在页面上会显示title的属性值
target 设置超链接的跳转方式
_blank 在新窗口打开
_self 默认值,在本窗口打开
_top 在顶层windows对象中打开
_parent 在父窗口打开
a标签代码
< a href=”” title=”” target=””>
5.div;span
div 文档布局对象 盒子
作用:文档区域,文档布局对象
span 文本节点