zoukankan      html  css  js  c++  java
  • HTML的框架,表格

    #2 HTML的框架,表格

     

    【以下是个人笔记,由于水平有限,因此有错误的地方,希望M我。谢谢】

    表格|表单|框架
    ---------------
    表格:布局     ----现在很少用到
    好处: 适合做简单的布局
    不足: 不利于搜索引擎搜索到; 表格要全部下载到本地机才能显示; 适合做中小型企业网站!

    复制代码
    <table border="1" width="200px" cellspacing="10px" cellpadding="10px">
        <tr> 
            <td>1</td>
            <td background="imgsgground.gif" colspan="2" align="center">2</td>
        </tr>
        <tr>
            <td rowspan="2"><img src="imgs/2.jpg" width="50px" height="50px" /></td>
            <td>4</td>
            <td>5</td>
        </tr>
        <tr>
            <td>6</td>
            <td>7</td>
        </tr>
    </table>
    复制代码

    注释:table是表格的意思、tr 是行的意思 、 td 是单元格

    colspan 这个是合并几个列、rowspan合并行。

    还有一个比较少用的,tbody(表主体)/thead(表头)/tfoot(页脚),放在Table标签下

    ------------------以下摘自W3C:http://www.w3school.com.cn/tags/tag_tbody.asp--------------------------------

    定义和用法

    <tbody> 标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。

    tbody 元素应该与 thead 和 tfoot 元素结合起来使用。

    thead 元素用于对 HTML 表格中的表头内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。

    注释:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。

    提示:在默认情况下这些元素不会影响到表格的布局。不过,您可以使用 CSS 使这些元素改变表格的外观。



    DIV+CSS:   ---主要还是用这个(笔记在后面)
    好处: 复杂,大型企业站点   
    不足:相对表格难学!                    入门简单,精通难
    -------------------------------
    框架 frameset
    1. 特点: 有frameset ,就没有body!

    然后再每一个frame里面指定 HTML的路径,然后就可以显示出来。

    这里Frame里面的属性 name 设置一下,可以让HTML的内容显示到这里来

    复制代码
    <frameset rows="20%,*" frameborder="0">   <!--这里分成两行,上面20%的高度,下面为剩下的高度-->
      <frame src="top.html"></frame>         <!--这里放上HTML的路径-->
      <frameset cols="20%,*">          <!--把下面的那一部分  在分成左右两个部分-->
        <frame src="left.html"></frame>
        <frame src="main.html" name="main"></frame>    <!--设置name属性,让 a(超链接)打开后在这里显示-->
      </frameset> 
    </frameset>
    复制代码

    把超链接的内容显示到Frame中

    <ol>
        <li><a href="tn.html" target="main">我的童年</a></li>    <!--打开后在属性 name= main这个frame里面显示-->
        <li><a href="nv.html" target="_blank">我的女友</a></li>
    </ol>

    上课DEMO下载:http://yunpan.cn/QC2d5ikGVpqSR  提取码 5ceb


    By 2014.07.27 整理

      今天的笔记还是比较少的,因为上课的时候,有例子发给我们,笔记想对来说比较少,不过那个时候还自己记了一大本的笔记。那个时候有激情去记笔记。后来都是直接用Word来记,回来有时间再整理。

      笔记一定要记,会让你加深理解。并且如果回来有整理的话,还会掌握的更牢。

     
     
    分类: HTML
    标签: HTML
  • 相关阅读:
    gjrand 4.0 发布,C语言的伪随机数生成器
    Kite 0.2.0 发布,编程语言
    IBM/DW C++11 标准新特性:Defaulted 和 Deleted 函数
    Apache Solr 3.6.2 发布
    bitmap 内存溢出处理
    Qtractor 0.5.7 发布,多轨音序生成器
    CUBRID Node.js Driver 1.1 发布
    OrientDB 1.3.0 发布,基于文档的数据库
    linux centos 下面httpd支持的svn 服务器端安装
    iptables 1.4.17 发布,Linux防火墙
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/3873942.html
Copyright © 2011-2022 走看看