HTML复习（图像、路径、列表）

一、图像标签与路径

1、图像

①图像标签：在 HTML 中，图像由<img> 标签定义（为单标签）

语法规范 ：<img src="图像URL" alt="some_text"/>(URL 指存储图像的位置)

src是<img>标签的必须属性，它用于指定图像文件的路径和文件名

• 图像标签的其他属性：
• src:src 指 "source"。源属性的值是图像的 URL 地址
• alt:用来为图像定义一串预备的可替换的文本（图像显示不出来的时候用文字替换）

<img src="img.jpg" alt="我是谁"/>若图片呈现破碎状，后面紧接着我是谁的文字

• title:提示文本，鼠标放到图像上，显示的文字
• width:设置图像的宽度，属性值默认单位为像素
• height:设置图像的高度
• border :设置图像的边框设置(一般通过CSS来设置)

2、路径

• ①目录文件夹：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如HTML文件、图片等

       ②根目录：打开目录文件夹的 第一层就是根目录

• 相对路径：图片相对于HTML页面的位置

同一级路径：图像文件位于HTML文件同一级

下一级路径：图像文件位于HTML文件下一级（符号：/）<img src="images/baidu.gif"/>

上一级路径：图像文件位于HTML文件上一级（符号：../）

• 绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始或者完整的网络地址的路径

二、列表

1、无序列表：是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表使用 <ul> 标签

语法格式：

<ul>
    <li>Coffee</li>
     <li>Milk</li>
</ul>

浏览器显示如下：

• Coffee
• Milk

注：<ul></ul>中只能嵌套<li></li>且<li></li>之间相当于一个容器，可以容纳所有元素

2、有序列表：有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

3、自定义列表

①使用场景：常用于对术语或名词进行解释和描述，定义列表的列表项没有任何项目符号，如小米官网底部

②在HTML标签中，<dl>标签用于定义描述列表（定义列表），该标签会与<dt>（定义项目、名字）和<dd>（描述每一个项目、名字）一起使用。