HTML基础学习——图片与列表

一.HTML图片的基本使用

• <img src="URL地址" alt="图片的替代文本“/>
  但标签，有两个属性。

示例代码：

代码1
结果1

1.设置图片的尺寸

1.width和height属性

图片本身没有变化，只是在网页显示的时候改变。

代码如下
结果显示

2.设置图片链接

当点击图片时，会跳转到另一个网页。

代码
图片显示
跳转显示

二.列表

1.列表的三种形式

1.无序列表
2.有序列表
3.自定义列表

1.无序列表

• <ul>和<li>

  
  代码
  结果

2.有序列表

• <ol>和<li>

  
  代码示例
  结果

3.自定义列表

• <dl> <dt> <dd>

<dl> 标签定义了定义列表（definition list）。
<dt> 标签定义了定义列表中的项目（即术语部分）。
<dd> 在定义列表中定义条目的定义部分。

代码示例
结果

2.列表的嵌套

代码示例
结果

3.列表中使用超链接

点击链接时直接跳转到当前网站。

代码如下
结果

（此文章仅作为个人学习笔记使用，如有错误欢迎指正~）