一、img
img图片格式:
- .jpg 最普通的图片格式
- .png 背景透明的图片,可以直接跟页面背景吻合
- .gif 动态图 类似小视频
图片的几大要素:
width:宽度(在修改宽度时,若高度不指定,那么高度会随宽度的变化而变化)
height:高度(在修改高度时,若宽度不指定,那么宽度会随高度的变化而变化)
src:图片加载的路径
alt:图片加载失败后的描述
title:鼠标悬停图片上的提示信息
路径相关:
1. 绝对路径:从盘符开始的路径
2. 相对路径:从当前路径开始,路径符号./
- ../返回上一层目录
- ../../返回上一层的上一层目录
3. 域名路径:域名位置查找的图片(需要网络 保证图片的存在)
二、列表标签
- 无序列表:
<ul><li></li></ul>
每一项用标准的小黑圆点代表
修改样式:disc(实心圆点) circle(空心圆) square(正方形)
取消样式:list-style:none; - 有序列表:
<ol><li></li></ol>
- 自动以列表:
<dl><dt><dd></dd></dt></dl>