前面讲到了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>
图片样式和效果:
三种列表的使用,可以随机应变,