1.html列表
1.1无序列表: ul>li
主要应用在:
新闻列表, 产品列表, 导航, 分页, 选项止
type属性:
disc列表样式实心圆
circle 列表样式空心圆
square列表样式为小方块
1.2有序列表: ol>li
type属性
a
: 小写字母
A
: 大写字母
i
: 小写罗马数字
I
: 大写罗马数字
1
: 数字
1.3 定义列表 dl>dt(定义)>dd(描述)
语义:
包含术语定义以及描述的列表
l自定义列表、dt 自定义列表项、dd自定义列表项的注释(描述)
用于将一组项目及其相关的描述进行分组
默认样式:
默认dl,dd带有间距
2. 行级标签
2.1 图像: <img src=" '' alt=" " wdth=" " height=" ">
src属性:
作用:用于指定图像文件的路径和文件名
注意:是<img>标签的必须属性
alt属性:
作用:指定替换文本,默认不显示,当图像不能正常显示时,显示该文字对图像进行 替换,有利于用户体验
width/height属性:
作用:指定图片宽度/高度
注意:值可以不带单位默认px,只指定宽或高属性其中一个,另一个按照原比例 等比缩放
默认样式:
多张图片可以交列在一行显示
默认产生下间隙
图像路径:
相对路径: ../(上一级目录) /(文件的下一级)
绝对路径
2.2超链接:<a href=" ">文字或图片</a>
herf属性:作用:指定链接跳转的地址
target属性:作用:指定目标地址的打开方式
tutle属性:作用:定义提示文本,将鼠标悬停在链接上会显示标题作为工具提示
锚点链接:
定义目标:<p id="box"></p>
定义跳转:<a href="#box"></a>
em标签: 斜体显示,强调,用于标记强调内容,不独占一行
strong标签: 加粗显示,强调,用于标记强调内容,不独占一行
del标签:带有中划线 被从文档中删除的文字内容,不独占一行
i标签:斜体显示,区分普通文本的一系列文本,不独占一行
b标签:加粗,不独占一行
span标签:无语义
br标签:换行
注意:
-
不应该只为了实现加粗、斜体效果使用strong,em,可以使用css替代
-
br用于处理文本内容换行,不应用于控制元素间距