html学习之三:列表&超链接

一、列表

1.无序列表(Unordered List)
格式:<ul> 
        <li>列表项1</li>
        <li>列表项2</li>
        ……
    </ul>
属性:type，值有circle(空心圆),disc(实心圆),square(实心方块).
例:
<ul>
  <li>高等数学</li>
  <li>大学英语</li>
  <li>数据库</li>
  <li>操作系统</li>
  <li>数据结构</li>
</ul>
例：
<ul type=square>
  <li>高等数学</li>
  <li>大学英语</li>
  <li>数据库</li>
  <li>操作系统</li>
  <li>数据结构</li>
</ul>

2.有序列表(Ordered List)
格式:<ol>
        <li>列表项1</li>
        <li>列表项2</li>
        ……
     </ol>
属性:type,值可为A,a,1,i,I,默认type为数字
     start 设定初始值
若type=A,   则列表为A,B,C,D,E……
若type=a,   则列表为a,b,c,d,e……
若type=1,   则列表为1,2,3,4,5……
若type="i"，则列表为i,ii,iii,iv,v……
若type="I", 则列表为I,II,III,IV,V……

例:
<ol  type="I">
  <li>高等数学</li>
  <li>大学英语</li>
  <li>数据库</li>
  <li>操作系统</li>
  <li>数据结构</li>
</ol>
<ol  type="i">
  <li>高等数学</li>
  <li>大学英语</li>
  <li>数据库</li>
  <li>操作系统</li>
  <li>数据结构</li>
</ol>

二、超链接(Hyperlink)

格式:<a href=url>链接的文字</a>  注：a代表Anchor
属性:
(1)href后为要链接到的地址(url);
(2)target  target=_blank则在新窗口打开链接;  
(3)title title后的文字为当鼠标停留在超链接上的时候,显示的提示文字;
(4)链接到Email:
<a href="mailto:yeying0506@163.com">和我联系</a>
当在网页中单击“和我联系”时，则弹出Outlook Express,收件人为yeying0506@163.com
(5)style属性,当style="text-decoration:none"时,则没有超链接文字中的下划线
例：
      <a href="http://blog.csdn.net/zhangyang0402" title="这是我的博客" target=_blank>张扬的博客</a>
      <hr color=#5497d3>
      <a href="mailto:yeying0506@163.com" style="text-decoration:none">和我联系</a