无序列表
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul type="disc"> <li>无序列表</li> <li>无序列表</li> </ul> <ul type="circle"> <li>无序列表</li> <li>无序列表</li> </ul> <ul type="square"> <li>无序列表</li> <li>无序列表</li> </ul> <ul type="none"> <li>无序列表</li> <li>无序列表</li> </ul> <!-- type表示类型 disc为默认值显示出来时实心圆 circle显示出来时空心圆 square显示出来时方块 none是什么都没有--> </body> </html>
有序列表
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ol type="1" start="5"> <li>有序列表</li> <li>有序列表</li> <li>有序列表</li> </ol> <ol type="a"> <li>有序列表</li> <li>有序列表</li> <li>有序列表</li> </ol> <ol type="A"> <li>有序列表</li> <li>有序列表</li> <li>有序列表</li> </ol> <ol type="i"> <li>有序列表</li> <li>有序列表</li> <li>有序列表</li> </ol> <ol type="I"> <li>有序列表</li> <li>有序列表</li> <li>有序列表</li> </ol> <!-- type表示类型 start表示类型 start="5"表示从几开始 type="1"里的1表阿拉伯数字 type="a"里的a表小写的26个字母 type="A"里的A表大写的26个字母 type="i"里的i表大写的罗马数字 type="I"里的I表大写的罗马数字--> </body> </html>
自定义列表
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <dl> <dt><img src="../003/图片.jpg"/></dt> <dd>大太阳</dd> </dl> <!-- dt 自定义内容可以是图片可以是文字 dd 对内容的详细描述--> </body> </html>