列表
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>