html总结4

表格和列表

列表

  • 无序列表

    • <ul type="typename"><li>text1</li><li>text2</li><li>text3</li></ul>

      type为内容前的小标签
      常见的typename有 disc(实心圆) circle(空心圆) square(实心矩形)

  • 有序列表

    • <ol type="typename"><li>text1</li><li>text2</li><li>text3</li></ol>

      ype为内容前的小标签
      常见的typename有 1(数字) a(小写英文字母)A(大写英文字母) i(小写罗马字母) I(大写罗马字母)

  • 嵌套列表

    • 无-无 无-有 有-有 有-无
  • 定义列表

    • <dl><dt>项目1</dt><dd>详细1</dd><dt>项目2</dt><dd>详细2</dd></dl>

表格

  • <table></table>定义表格标签

  • <th><.th>定义表头

    表头是默认加粗的

  • <tr></tr>定义表格行

  • <td></td>定义表格单元

    上下行的表格单元会自动对齐并取最大的表格单元

框架

通过使用框架,可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

使用框架的坏处:
开发人员必须同时跟踪更多的HTML文档
很难打印整张页面

<frameset>标签

  • 框架结构标签( <frameset>)定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行或列
  • rows/cols 的值规定了每行/每列占据屏幕的面积

<frame>标签

  • Frame 标签定义了放置在每个框架中的 HTML 文档。
  • 假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame>标签中加入: noresize="noresize"

<noframes> 标签

  • 为不支持框架的浏览器添加 <noframes> 标签。

  • 不能将 <body></body>标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes>标签,就必须将这段文字嵌套于 <body></body> 标签内。

    ​       <noframes>
    ​             <body>您的浏览器无法处理框架!</body>
    ​       </noframes>

    类别

  • 水平框架

    <frameset rows="25%,75%">
          <frame src="frame_a.htm">
         <frame src="frame_b.htm">
    </frameset>
  • 垂直框架

    <frameset rows="25%,75%">
         <frame src="frame_a.htm">
        <frame src="frame_b.htm">
    </frameset>
  • 混合框架

    <frameset rows="50%,50%">
           <frame src="frame_a.html">
    <frameset cols="25%,75%">
          <frame src="frame_b.html">
          <frame src="frame_c.html">
    </frameset>
    </frameset>
  • 内联框架

    <iframe src="/i/eg_landscape.jpg"></iframe>
    <p>一些老的浏览器不支持 iframe。</p>
    <p>如果得不到支持,iframe 是不可见的。</p>
      - HTML内联框架是为了实现在网页中显示网页,突出了内联二字,就是在一个网页中,我们能够控制在这个网页中用多大的框去显示另外一个网页,并且能通过CSS对其进行控制。
      - 而内联框架则可以放在`<body>`里面

   转载规则


《html总结4》 怪默 采用 知识共享署名 4.0 国际许可协议 进行许可。
  目录