本文详细介绍了HTML中的img标签，包括src、alt、title属性及其作用，以及图像的布局特性。同时，探讨了无序列表ul和li标签的使用，如自定义列表符号、列表类型以及去除列表符号的方法。此外，还讨论了有序列表ol和li的特性，如设置列表起始值、倒序排列以及类型选择。这些基础知识对于前端开发人员构建网页布局至关重要。
img标签（行内块级标签） 语法：<img src="" alt="">
src:图片的路径 ../../表示上上级目录
alt:用来为图片定义预备的替换文本，当图片路径错误时或者浏览器无法加载图片时显示这个文本
title:提示信息的作用,鼠标悬停在图片时显示提示信息
width：宽度 height:高度
特性： 1.默认横向显示，水平布局，一行排不下，自动折行
2.换行和空格会被解析
3.可以设置宽高
1.ul 和 li 标签都是块级标签 (li嵌套任何标签）
2.自带列表符 小黑圆点
3.ul标签自带外间距和内间距（盒子里内容与盒子边框之间的距离）
4.去掉自带列表符 给ul或者li设置都可以 list-style: none;
5.改变列表符的类型
list-style-type属性：列表符类型
- circle空心圆|disc实心圆，默认值|square实心正方形|none去掉列表符
应用场景 : 新闻列表 、导航 、商品列表
1.ol 和 li 标签都是块级标签
2.自带列表符 数字
3.ol标签自带外间距和内间距（盒子里内容与盒子边框之间的距离）
4.去掉自带列表符 给ol或者li设置都可以 list-style: none;
6.宽度默认撑满整个父元素
7. 高度默认由内容撑开
8. 独立成行，垂直布局
strat属性:开始值 写在 <ol start="6"></ol>开始标签中
reversed属性：倒叙 写在 <ol start="6" reversed></ol>开始标签中
type属性（了解）
- `a`: 小写字母
- `A`: 大写字母
- `i`: 小写罗马数字
- `I`: 大写罗马数字
- `1`: 数字
应用场景: 有序的列表
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
