列表 图像 链接
<ol>用来创建有序列表
<ul>用来创建无序列表
<li>列表中的每个项目都被置于起始标签<li>和结束标签</li>之间（li代表列表项目）
<dl>用来创建定义列表，并且通常包括一系列术语和定义
<dt>用来包含（包着）被定义的术语
<dd>用来包含定义
1.<a>网页中的链接是通过<a>元素建立的，该元素有一个重要的特性href，
href特性的值设定了链接的目标，即网站用户单机链接时所到达的页面地址。
2.如果链接指向另一个网站，必须用完整的WEB地址，绝对URL链接
3.如果链接指向同一网站的其他页面时，就没必要在URL中指定域名，
这时可以采用简短的相对URL。
4.mailto：用<a>元素建立Email链接。email链接的href特性值以 mailto:开始
然后添加一个收件人的email地址。点击链接时就会打开邮箱程序
向该地址发送邮件。
5.target：如果希望在新窗口打开链接，就要用到<a>标签的target特性，
并把这个特性的值设为_blank.
6. <a id=“ID”> <a href="#ID">ID</a>组合使用可以连接到页面的某个位置
顶部ID=top
<img>:需要使用<img>元素来向页面中添加图片。
这是一个空元素（即没有结束标签）<img>元素必须包含以下两个特性
src;这个特性告诉浏览器图片的地址
alt：对图像进行文本说明，在你看不到图片时进行描述。
height;这个特性以像素为单位制定图像的高度
width：这个特性以像素为单位制定图像的高宽度
<!DOCTYPE html> 2.<html lang="en"> 3.<head> 4. <meta charset="UTF-8"> 5. <title>列表 图像 链接</title> 6.</head> 7.<body> 8.<div id="1"></div> 9.<h1>有序列表</h1> 10.<ol> 11. <li>锄禾日当午</li> 12. <li>汗滴禾下土</li> 13. <li>谁知盘中餐</li> 14. <li>粒粒皆辛苦</li> 15.</ol> 16.<h1>无序列表</h1> 17.<ul> 18. <li>锄禾日当午</li> 19. <li>汗滴禾下土</li> 20. <li>谁知盘中餐</li> 21. <li>粒粒皆辛苦</li> 22.</ul> 23.<hr color="red"> 24.<h1>定义列表</h1> 25.<dl> 26. <dt>仙剑4</dt> 27. <dd>仙剑奇侠传4，一款回合制角色扮演游戏</dd> 28.</dl> 29.<hr color="red"> 30.<h1>嵌套列表</h1> 31.<ol> 32. <li>锄禾日当午</li> 33. <li>汗滴禾下土</li> 34. <li>谁知盘中餐</li> 35. <li>粒粒皆辛苦</li> 36. <ul> 37. <li>床前明月光</li> 38. <li>疑是地上霜</li> 39. <li>举头望明月</li> 40. <li>低头思故乡</li> 41. </ul> 42.</ol> 43.<hr color="red"> 44.<ul> 45. <h1>链接</h1> 46. <li><a href="http://www.baidu.com">打开百度</a></li> 47. <li><a href="#1">有序列表</a></li> 48. <li><a href="0001.html">跳转到第一课</a></li> 49. <li><a href="mailto:1412977405@qq.com" >Email</a></li> 50. <li><a href="http://www.baidu.com" target="_blank">在新窗口打开百度</a></li> 51.<hr color="red"> 52. <li><img src="http://img3.imgtn.bdimg.com/it/u=587401855,34643258&fm=27&gp=0.jpg" height="100" width="300"></li> 53. <li><img src="img/0001.jpg" width="350"height="200"></li> 54.<ul> 55.</body> 56.</html>
