标签

列表

ol 有序列表

可以通过type属性来调整每个子项前面的序号，共有五种表现形式：

<ol type="a" reversed="reversed" start="1"> // a/A/1/i/I
    <li>橘子</li>
    <li>苹果</li>
    <li>香蕉</li>
</ol>
/*
* a 意思是顺序按照小写字母来排序
* A 意思是按照大写字母来排序
* 1 意识是按照阿拉伯数字来排序
* i 意思是按照罗马数字来排序
* I 意思是按照大写的罗马数字来排序
* reversed 意思是倒序排列
* start 意思是从指定位置开始排列，此处要注意，从第几个开始排列直接写数字即可
*/

### ul 无序列表
<ul type="circle">
    <li>香蕉</li>
    <li>橘子</li>
    <li>苹果</li>
</ul>

/*
* type 一共有三个值：
* discircle 这个值时默认值，实心圆
* square 这个值是方心圆
* circle 这个值时空心圆
*/

img

• alt 图片占位符
• title 图片提示符

a

a标签有三个作用，分别是超链接、锚点、打电话和协议限定符。

a标签可以用来作为锚点进行对应内容的指向，如下

<div id="demo1">demo1</div>
<div id="demo2">demo2</div>
<a href="#demo1">go to demo1</a>
<a href="#demo2">go to demo2</a>

a标签用来打电话例子如下

<a href="tel:135xxxxxxxx">call</a>

a标签添加协议限定符例子如下

<a href="javascript: while(1){alert('哈哈')}">click</a>