绝对路劲:
1、本地磁盘
2、网络地址
特点:指向同意位置,无论在何处使用
相对路径:
以当前html文件为原点(参照物),去建立目标关系,当前目录、上一级目录、下一级目录
当前目录:
./ ./后边加文件名 (如果当前html和图片在同一级目录 ./可以省略)
下一级目录:
/ 表示下一级目录
上一级目录:
../ 打开上一级目录
上上级目录:
../ ../ 打开上上级目录
src属性:(必须)
作用:用于指定图像文件的路劲
alt属性:
作用:当图片加载失败时,显示文字进行替换,有利于用户体验
title属性:
作用:当鼠标悬停在照片上时,鼠标的右下角出现对照片解释说明的文字,有利于用户体验
width属性:
作用:设置图片的宽度
height属性:
作用:设置图片的高度
如果只指定一个宽度或高度时,那么另外一个值按照等比例缩放
值可以不带单位,默认px(像素)
em标签
默认样式:字体倾斜
不独占一行
语义:强调内容
i 标签:
默认样式:字体倾斜
不独占一行
strong标签:
默认样式:加粗效果
不独占一行
语义:强调内容
b标签:
默认样式:加粗
不独占一行
del标签:
删除内容
默认样式:不独占一行
带有中划线
sup标签:
上标标签
sub标签:
下标标签
span标签:(万用标签)
作用:通常用来区分文本样式
无语义标签
无默认样式
无序列表:定义没有顺序的一组内容
默认样式:默认间距(上下外边距,内边距)
列表样式:实心小圆点
应用场景:导航栏、新闻列表、产品列表
type属性:circle 空心圆
square 正方形
disc 实心圆(默认值)
自定义列表:一般用于名词解释
-->
<dl></dl><!-- 定义自定义列表 -->
<dt>定义-专业名词(只能有一个)</dt>
<dd>描述-对专业名词进行解释(可以有多个)</dd>
锚点:
当我们点击锚点链接时,可以快速定位网页中的某个位置
单页面锚点:
语法:
定义目标:<div id="id名称"></div>
定义跳转点:<a href="#id名称">锚点</a>
多页面锚点跳转:
定义目标:目标点页面里的<div id="id名称"></div>
定义跳转点:<a href="目标点的路径#id名称">logo</a>