HTML列表标签和图像标签

来源:互联网 发布:tomcat 压缩 js 编辑:程序博客网 时间:2024/05/20 03:06

列表标签
列表标签:dl
上层项目:dt
下层项目:dd : 封装的内容是会被缩进的,有自动缩进效果。

    <dl>        <dt>上层项目内容</dt>        <dd>下层项目内容</dd>        <dd>下层项目内容</dd>        <dd>下层项目内容</dd>    </dl>

dl标签效果

有序和无序的项目列表
有序:<ol>
无序:<ul>
无论有序和无序,条目的封装用的都是<li>
而且它们都有缩进效果。

有序列表演示

```<ol type="1">    <li>有序的项目列表</li>    <li>有序的项目列表</li>    <li>有序的项目列表</li>    <li>有序的项目列表</li></ol>```

ol标签的效果

type=”a” 则显示的效果就是从a,b,c,d..这样的有序显示,不再是1234。

无序列表演示

    <ul type="circle">        <li>无序项目列表</li>        <li>无序项目列表</li>        <li>无序项目列表</li>        <li>无序项目列表</li>    </ul>

ul标签的效果

type属性有三个值分别为
- disc
- square
- circle

图片标签演示


<img src="img\111.jpg" height=60 width=90 border=1 alt=" 找不到图片会在上面显示文字 " />
这里写图片描述
scr属性:图片的引入地址
height:图片的显示高度
width:图片的显示的高度
border:图片边框的大小
alt:找不到图片会在上面显示文字

0 0
原创粉丝点击