一.HTML图片的基本使用
- <img src="URL地址" alt="图片的替代文本“/>
但标签,有两个属性。
示例代码:
![](https://img.haomeiwen.com/i15432916/2d7d2f888cfb5ad1.png)
![](https://img.haomeiwen.com/i15432916/ff3bb9385c68ccc4.png)
1.设置图片的尺寸
1.width和height属性
图片本身没有变化,只是在网页显示的时候改变。
![](https://img.haomeiwen.com/i15432916/5c4952758f76afce.png)
![](https://img.haomeiwen.com/i15432916/cb2f62c5ffa7e016.png)
2.设置图片链接
当点击图片时,会跳转到另一个网页。
![](https://img.haomeiwen.com/i15432916/137db22cb4c22e77.png)
![](https://img.haomeiwen.com/i15432916/42ce2eaedc7d37d4.png)
![](https://img.haomeiwen.com/i15432916/598bea324d0e8444.png)
二.列表
1.列表的三种形式
1.无序列表
2.有序列表
3.自定义列表
1.无序列表
-
<ul>和<li>
代码
结果
2.有序列表
-
<ol>和<li>
代码示例
结果
3.自定义列表
- <dl> <dt> <dd>
<dl> 标签定义了定义列表(definition list)。
<dt> 标签定义了定义列表中的项目(即术语部分)。
<dd> 在定义列表中定义条目的定义部分。
![](https://img.haomeiwen.com/i15432916/523b2472d25fe8ae.png)
![](https://img.haomeiwen.com/i15432916/e3edeb02e24e1770.png)
2.列表的嵌套
![](https://img.haomeiwen.com/i15432916/67f4a5f5ec3e99ec.png)
![](https://img.haomeiwen.com/i15432916/767570373e1ed26c.png)
3.列表中使用超链接
点击链接时直接跳转到当前网站。
![](https://img.haomeiwen.com/i15432916/2b762c53ecd36ea2.png)
![](https://img.haomeiwen.com/i15432916/46236a30eded2a94.png)
(此文章仅作为个人学习笔记使用,如有错误欢迎指正~)
网友评论