陈力：传智播客古代 珍宝币 泡泡龙游戏开发第五讲：无序列表、有序列表、框架

陈力：传智播客古代 珍宝币 泡泡龙游戏开发第五讲：无序列表、有序列表、框架

摘要：通过前节《陈力：传智播客古代 珍宝币 泡泡龙游戏开发第四讲：html表格元素》学习了前节介绍了table应用等内容，知道了tr,td，Rowspan，Colspan，border，<th>，<caption>，cellpadding、cellspacing、bgcolor、background、frame（"box"、"above":  "below":  "hsides":  "vsides":）等内容。本章将对html无序列表、有序列表、框架进行介绍。<ul> <li>标签来表示列序列表的开始，用<ol>和<li>标签开始，自定义列表项以 <dt>、<dd>开始。本节：陈力：传智播客古代 珍宝币 泡泡龙游戏开发第五讲：无序列表、有序列表、框架



(一)无序列表：表示项目符号用粗体圆点标记。无序列表通过<ul>标签开始。列表项始通过<li>表示。
<h4>无序列表例子：</h4>
<ul>
  <li>软件设计</li>
  <li>网站建设</li>
  <li>网站优化</li>
</ul>
<ul type="circle">列表项目符号为圆形。type可以是disc、circle、square等。
在列表项内部，可以用段落、换行符、图片、链接以及其他列表等等。
type="disc" 粗体圆点符号，type="circle"空心小圆圈，type="square"距形黑框。
 
<h4>嵌套列表例子：</h4>
<ul>
  <li>网站设计</li>
  <li>软件设计
    <ul>
    <li>工控软件</li>
    <li>企业软件
      <ul>
      <li>服装软件</li>
      <li>企业软件</li>
      </ul>
    </li>
    </ul>
  </li>
  <li>毕业设计</li>
</ul>


（二）有序列表：列表项目通过数字进行标记。以<ol> 标签开始，列表项以<li>标签开始。
<ol>
<li>软件设计</li>
<li>网站设计</li>
</ol>
列表项内部用段落、换行符、图片、链接以及其他列表等等。默认为数字列表，type="A"字母列表，type="a"小写字母列表，type="I"罗马字母列表，type="i"小写罗马字母列表。
type用于指定用什么来显示，start 表示从第几开始计算。


（三）定义列表
    自定义列表是项目及其注释的组合。自定义列表以<dl>标签开始。每个自定义列表项以 <dt>开始。每个自定义列表项的定义以<dd>开始。
<dl>
<dt>服装软件</dt>
<dd>为服装企业量身订做</dd>
<dt>软件设计</dt>
<dd>提供了中小企业定做与设计等服务</dd>
</dl>




（四）Frameset框架集
    框架用来在一个浏览器分割显示多个页面。在后台管理中应该较广。分为垂直框架和水平框架两种。框架结构标签<frameset>, framest 和 frame 配合使用。每个 frameset 定义了一系列行或列, 每行或每列占据屏幕的面积用rows/columns定义，Frame 标签定义了放置在每个框架中的HTML文档。


   noresize="noresize"避免用户拖动可见边框来改变大小。<noframes>为不支持框架的浏览器添加标签。
框架可以混合使用。内联框架用<iframe src="../i/e.jpg" tppabs="http://www.by-sj.com/e.jpg"></iframe>来表示。


 软件设计,网站建设


代码：
A2.html 页面用于保护其它页面
<frameset cols="30%,*">
<frame name="frame1" src="b.html"  noresize frameborder="0"/>
<frame name="frame2" src="c.html" frameborder="0"/>
</frameset>


注:该页面不能有body和body体
target 属性值有四个
_blank : 表示打开一个全新的页面
_self: 替换本页面
_top: 
_parent:
* 还有一个就是在 target 值中直接写对应的那个 frame的名字.




快速链接：

陈力：传智播客古代 珍宝币 泡泡龙游戏开发第五讲：无序列表、有序列表、框架

陈力：传智播客古代 珍宝币 泡泡龙游戏开发第四讲：html表格元素