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

2019-08-10 本文已影响0人思君_4cd3

一.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.列表的嵌套