有序列表:
默认样式:间距(外边距,内边距)
数字编号
type属性
a 小写字母
A 大写字母
i 小写罗马数字
I 大写罗马数字
type不常用,一般使用css属性做修改
无序列表
没有顺序的一组内容
默认样式:
默认间距(上下外边距,内边距)
列表样式:实心小圆点
使用范围: 导航、新闻列表、产品列表
type 属性
取值:circle 空心圆
square 正方形
disc 实心圆(默认值)
src属性:(必须属性)
作用:用于指定图像文件的路径
alt属性:
作用:当图片加载失败时,显示文字进行替换,有利用户体验
title属性:
作用:当鼠标悬停图片上时鼠标右下角出现对图片解释说明文字,有利用户体验
width属性:
作用:设置图片宽度 px为图片像素单位
height属性:
作用:设置图片高度
如果只指定一个宽或者高时,那么另外一个值按照原比例进行等比例缩放
值可以不带单位:默认px(像素)
图片之间的间隙是由于换行和空格造成
图片路径介绍
绝对路径:
1.本地磁盘
2.网路地址
特点:指向同一位置,无论在何处使用
相对路径:
以当前HTML文件为原点(参照物),去建立目标关系,上一级目录,下一级目录
当前目录:
./ 文件名(如果当前HTML和图片在同一目录,./是可以省略)
下一级目录:
/ 表示下一级目录
上一级目录:
../表示打开上一级目录
上上级目录:
样式: ../../
<a href=""></a>讲解:
默认样式:
默认带下划线,字体颜色
不独占一行
默认当前窗口打开
href属性:
指定跳转的地址 。支持绝对路径和相对路径
target属性:
指定目标地址的打开方式
取值:
-blank新建窗口打开
-self当前窗口打开 (默认值)
ttle属性:
作用:提示1文本,当鼠标悬停在链接上时会显示里面文字
锚点:
当我们点击锚点链接时,可以快速定位到页面中某个位置。
单页面锚点:
语法:
定义目标:<div id="id名称"></div>
定义跳转点:<a href="#id名称">锚点</a>
多页锚点:
定义目标:要跳转页面里的<div id="id名称"></div>
定义跳转点:<a href="路径#id名称">锚点</a>
标签:
em标签
默认样式:倾斜 ,不独占一行
语义:强调内容
i标签:
默认样式:倾斜
不独占一行
没有语义
strong标签:
默认样式:加粗
不独占一行
b标签:
默认样式:加粗
不独占一行
die标签:删除标签
默认样式:
带有中划线
不独占一行
sup标签:
上级标签
sub标签
下级标签
span标签
万用标签
通常用来区分文本样式
无语义
无默认样式