ol:有序列表 ul:无序列表 li:列表项
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>2020年11月4号 ul ol</title> <style>
/*此处是css样式,看不懂可以先忽略*/ ol>li>ul>li{ 100px; margin-bottom:10px; background:red; list-style:none; /* 去除无序列表中列表项的小黑点 */ } </style> </head> <body> <ol> <!-- ol:有序标签 li:列表项 --> <li><font face="楷书" color="blue" size="12px">胡歌</font> <ul> <!-- ul:无序标签 --> <li>32</li> <li>男</li> <li>琅琊榜</li> </ul> </li> <li><font face="楷书" color="blue" size="12px">陈坤</font> <ul> <li>33</li> <li>男</li> <li>画皮</li> </ul> </li> <li><font face="楷书" color="blue" size="12px">张震</font> <ul> <li>34</li> <li>男</li> <li>绣春刀</li> </ul> </li> </ol> <!-- 相对路径:以文件自身为坐标,分同级或上级 ./ :同级目录,可以省略, ../:上级目录,不可省略 绝对路径:不以任何文件为坐标对比,路径从盘的根目录开始写 --> <!-- 相对路径 --> <img src="./img/img1.jpg" width="200px" high="200px" align="left"/> <img src="../img/img1.jpg" width="200px" high="200px" align="left"/> <!-- 绝对路径 --> <img src="G:imgindia100.jpg" width="200px" high="200px" align="left"/> </body> </html>