2017-11-29 HTML5样式、链接和表格
HTML5样式、链接和表格
HTML5列表
<ol> 有序列表
<ul> 无序列表
<li> 列表项
<dl> 列表
<dt> 列表项
<dd> 描述
---------------
1.无序列表
使用<ul>、<li>
属性：disc、circle、square
2.有序列表
使用<ol>、<li>
属性：A、a、I、i、start
3.嵌套列表
使用<ul>、<ol>、<li>
4.自定义列表
使用<dl>、<dt>、<dd>
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset = 'utf-8'> 5 <title>HTML5样式、链接和表格</title> 6 </head> 7 <body> 8 <a href = 'http://www.baidu.com '>百度</a><br/> 9 <ul><!-- 无序--> 10 <li>苹果</li> 11 <li>雪梨</li> 12 <li>香蕉</li> 13 </ul> 14 <ul type = 'disc'><!-- 无序--> 15 <li>苹果</li> 16 <li>雪梨</li> 17 <li>香蕉</li> 18 </ul> 19 <ul type = 'circle'><!-- 无序--> 20 <li>苹果</li> 21 <li>雪梨</li> 22 <li>香蕉</li> 23 </ul> 24 <ul type = 'square'><!-- 无序--> 25 <li>苹果</li> 26 <li>雪梨</li> 27 <li>香蕉</li> 28 </ul> 29 <ol ><!-- 有序--> 30 <li>苹果</li> 31 <li>雪梨</li> 32 <li>香蕉</li> 33 </ol> 34 <ol type = 'A'><!-- 有序--> 35 <li>苹果</li> 36 <li>雪梨</li> 37 <li>香蕉</li> 38 </ol> 39 <ol type = 'a'><!-- 有序--> 40 <li>苹果</li> 41 <li>雪梨</li> 42 <li>香蕉</li> 43 </ol> 44 <ol type = 'I'><!-- 有序--> 45 <li>苹果</li> 46 <li>雪梨</li> 47 <li>香蕉</li> 48 </ol> 49 <ol type = 'i'><!-- 有序--> 50 <li>苹果</li> 51 <li>雪梨</li> 52 <li>香蕉</li> 53 </ol> 54 <ol start = '16'><!-- 有序--> 55 <li>苹果</li> 56 <li>雪梨</li> 57 <li>香蕉</li> 58 </ol> 59 <ul><!-- 嵌套--> 60 <li>动物</li> 61 <ul> 62 <li>陆地动物</li> 63 <ul> 64 <li>猫</li> 65 <li>牛</li> 66 <li>羊</li> 67 </ul> 68 <li>水中动物</li> 69 <ul> 70 <li>海洋动物</li> 71 <ul> 72 <li>鲨鱼</li> 73 <li>鲸鱼</li> 74 </ul> 75 <li>淡水动物</li> 76 <ul> 77 <li>鲤鱼</li> 78 <li>鲫鱼</li> 79 </ul> 80 </ul> 81 </ul> 82 <li>植物</li> 83 <ol> 84 <li>松树</li> 85 <li>蒲公英</li> 86 <li>仙人球</li> 87 </ol> 88 </ul> 89 90 </body> 91 </body> 92 <html>
