html的超链接,图像以及列表标签

前面讲到了html的基本框架,今天我们来看看html的几个特殊的标签

超链接标签:<a href=""> </a>

需要跳转的网址写在引号之内,显示的文字写在两个a标签之间

例如:需要跳转百度一下的网站

<a href="https://www.baidu.com/">点击我跳转百度一下</a>

图片示例:



我们平时见到的网站上的链接大多数都是由a标签组成的,只不过是去除下划线之后的a标签而已,在后面的文章会写出如何为a标签去除下划线

图像标签:<img src="">,图像标签是一个单标签,它是只有一个<img>标签组成的

和上面的a标签一样,它的双引号内也是书写路径的,不过这个路径要写成你自己电脑上的路径,不然图片就显示不出来了

例如:<img src="html/image/兔子吃草.gif">

图片示例:这里我添加的是个动态的图片,这里截图的是静态的,



列表标签:列表标签分为有序列表,无序列表和自定义列表

有序列表:ol;后跟li.

格式:<ol>

<li>大家好</li>

<li>可以点播关注,后面会持续更新的</li>

<li>谢谢</li>

</ol>

网页显示的是:



无序列表:ul;后跟li

格式:

<ul>

<li>我是无序列表</li>

<li>我是无序列表</li>

</ul>

图片样式:



自定义列表:dl;

格式:<dl>
<dt>我是自定义列表的标题</dt>
<dd>我是自定义列表</dd>
</dl>

图片样式和效果:



三种列表的使用,可以随机应变,