`

HTML-->表格

阅读更多

HTML-->表格

 

  1. 语法:<table border="1" align="center" width="400px||50%">
           <tr align="center"> 
                <th>学生编号</th>
                <th>姓名</th> 
                 <th>年龄</th>
          </tr>
           <tr align="center"> 
                <td>1</td>
                <td>张三</td>
                <td>25</td>
           </tr>
            <tr align="center"> 
                <td>2</td>
                <td>李四</td>
                <td>25</td>
           </tr>
            <tr align="center"> 
                <td>1</td>
                <td>王五</td>
                <td>25</td>
           </tr>
    </table>
     
  •  使用表格布局:格式化显示数据;
  •  重要属性的学习; 
  • <caption></caption> 标题
  • <th></th> 标题行

  • 间距与边距的区分

-间距是cellspacing

-边距是cellpadding

 

  • 嵌套表格
  • 合并表格

rowspan="2"//占的行数

colspan="2"//占的列数

     

     

    分享到:
    评论

    相关推荐

      html思维导图及总结

      -- 注释内容 --&gt;,注释不会在浏览器中显示,用于对代码进行说明。 12. HTML中的图像和媒体: - &lt;img&gt;标签用于插入图像,必须定义src属性指定图片的URL,alt属性提供图片的替代文本。 - HTML5中新增了&lt;img&gt;的...

      html表格样式,及表格

      html表格样式&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;style type="text/css"&gt; td{ text-align:center; } a{ text-decoration: none; } img{ width: 25px;height:25px; border-radius: 50%; align="left"; } ...

      uniapp 表格的介绍和使用

      -- 数据行 --&gt; &lt;uni-tr&gt; &lt;uni-td&gt;2020-10-20&lt;/uni-td&gt; &lt;uni-td&gt;Jeson&lt;/uni-td&gt; &lt;uni-td&gt;北京市海淀区&lt;/uni-td&gt; &lt;/uni-tr&gt; &lt;!-- 更多数据行... --&gt; &lt;/uni-table&gt; ``` ## API ### Table Props - `border`: ...

      (完整word版)HTML标签-按功能分类.doc

      --...--&gt;`:定义注释,对代码进行解释。 2. **格式标签**: - `&lt;acronym&gt;`:表示首字母缩写。 - `&lt;abbr&gt;`:表示一般缩写。 - `&lt;address&gt;`:表示作者或所有者的联系信息。 - `&lt;b&gt;`:加粗文本。 - `&lt;bdi&gt;`:使...

      HTML----学习资料

      - `&lt;CAPTION&gt;`:定义表格标题。 ### 10. CSS和JavaScript 虽然HTML本身主要用于结构,但可以与CSS(层叠样式表)结合使用来定义页面的外观和布局,以及与JavaScript一起增强交互性。 通过理解并熟练掌握上述标签...

      HTML页面table表格固定行和列

      在网页设计中,HTML表格(`&lt;table&gt;`)是一种常用的数据展示方式,尤其在处理大量结构化数据时。然而,当表格内容过于庞大,导致表格的长度和宽度超过屏幕显示范围时,用户需要滚动查看完整内容,这可能使得表头和...

      ccs制作表头有斜线的表格

      首先,我们需要理解HTML表格的基本结构。一个基本的表格由`&lt;table&gt;`元素开始,其中包含`&lt;thead&gt;`(表头)、`&lt;tbody&gt;`(表体)和`&lt;tfoot&gt;`(表脚)等部分。在`&lt;thead&gt;`中,我们一般会用到`&lt;tr&gt;`(行)和`&lt;th&gt;`(表头...

      HTML5常用标签大全.pdf

      --...--&gt;`:用于添加注释,不显示在页面上。 3. **特殊文本标签**: - `&lt;acronym&gt;`:定义只取首字母的缩写(HTML5中不再推荐使用,建议使用`&lt;abbr&gt;`)。 - `&lt;abbr&gt;`:定义缩写。 - `&lt;address&gt;`:定义作者或文档...

      第6章 表格元素.pdf

      -- 表头、表体、表脚内容省略 --&gt; &lt;/table&gt; ``` 6. 设置列属性 使用&lt;colgroup&gt;和&lt;col&gt;元素可以设置特定列的样式和宽度,为整个列组或单个列进行设置。 示例代码如下: ```html &lt;table&gt; ;"&gt; &lt;!-- 表头、表体、...

      HTML_4.0参考手册

      - `&lt;colgroup&gt;`:定义表格中供格式化的列组。 - `&lt;caption&gt;`:定义表格的标题。 8. **交互性**: - `&lt;form&gt;`:定义用户输入的表单。 - `&lt;input&gt;`:定义各种类型的输入控件,如文本框、按钮等。 - `&lt;textarea&gt;`...

      HTML颜色参考手册(网页开发必备工具)

      - `&lt;col&gt;`和`&lt;colgroup&gt;`用于定义表格列的样式和属性。 - `&lt;comment&gt;`用于插入注释,不会在页面中显示。 - `&lt;dd&gt;`在定义列表中定义项的描述。 - `&lt;del&gt;`表示被删除的文本。 - `&lt;dfn&gt;`表示术语的定义。 - `&lt;dir&gt;`创建...

      【JavaScript源代码】vue Element-ui表格实现树形结构表格.docx

      -- 表格列定义 --&gt; &lt;el-table-column prop="privilegeName" label="权限名称"&gt;&lt;/el-table-column&gt; &lt;el-table-column prop="privilegeCode" label="权限编码"&gt;&lt;/el-table-column&gt; &lt;el-table-column prop=...

      html5标签整理

      - `&lt;th&gt;`:定义表格表头单元格。 - `&lt;thead&gt;`:定义表格头部。 - `&lt;tfoot&gt;`:定义表格脚部。 - `&lt;tbody&gt;`:定义表格主体。 **10. 样式/节** - `&lt;div&gt;`:定义文档中的节。 - `&lt;span&gt;`:定义行内元素。 - `&lt;section&gt;...

      HTML第一章-基本标签

      - `&lt;table&gt;`:创建表格。 - `&lt;tr&gt;`:表格行。 - `&lt;th&gt;`:表头单元格。 - `&lt;td&gt;`:普通数据单元格。 7. **表单元素** - `&lt;form&gt;`:创建表单。 - `&lt;input&gt;`:不同类型的输入字段,如文本(type="text")、密码...

      html5响应式表格插件设置自适应表格代码

      -- 创建响应式表格 --&gt; &lt;table id="example" class="table table-striped table-bordered" style="width:100%"&gt; &lt;thead&gt; &lt;tr&gt; &lt;!-- 表头内容 --&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;!-- 表格数据 --&gt; &lt;/tr&gt; ...

      html5 手册

      - `&lt;caption&gt;`:定义表格标题,通常放在`&lt;table&gt;`标签内。 - `&lt;cite&gt;`:定义作品的标题,如书籍、电影等。 - `&lt;code&gt;`:定义编程代码或样例。 - `&lt;col&gt;`:定义表格列的属性,常配合`&lt;colgroup&gt;`使用。 - `...

      layui-高级表格-soul-table功能-HTML源码

      在IT行业中,HTML表格是网页布局中不可或缺的一部分,尤其在数据展示时,高效且美观的表格设计至关重要。layui是一款优秀的前端框架,它以其简洁、强大的特性受到开发者的喜爱。而soul-table是layui的一个扩展组件,...

    Global site tag (gtag.js) - Google Analytics