1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6. </head>
  7. <body>
  8.     <!-- 表格标签:table,tr,th,td,boder,colspan,rowspan
  9.     在表格中，一般把行称为row，把列称为column.
  10.     <th>...</th> 定义表头单元格。表格中的文字将以粗体显示，在表格中也可以不用此标签，<th>标签必须放在<tr>标签内
  11.  
  12.     <tr>...</tr> 定义一行标签，一组行标签内可以建立多组由<td>或<th>标签所定义的单元格
  13.  
  14.     <td>...</td> 定义单元格标签，一组<td>标签将将建立一个单元格，<td>标签必须放在<tr>标签内
  15.  
  16.     border 属性规定规定围绕表格的边框的宽度。
  17.     border 属性会为每个单元格应用边框，并用边框围绕表格。如果 border 属性的值发生改变，那么只有表格周围边框的尺寸会发生变化。表格内部的边框则是 1 像素宽。
  18.  
  19.     colspan 列数:使用方法:删除重复单元格,只保留一个,然后在标签上添加属性colspan="合并的单元格数"
  20.     rowspan 行数:使用方法:删除重复单元格,只保留一个,然后在标签上添加属性colspan="合并的单元格数"
  21.      -->
  22.     姓名 年龄  性别
  23.     桃子  18   男
  24.     李白      17   女
  25.     <table border="1">
  26.         <tr>
  27.             <th>姓名</th>
  28.             <th>年龄</th>
  29.             <th>性别</th>
  30.         </tr>
  31.         <tr>
  32.             <td>桃子</td>
  33.             <td>18</td>
  34.             <td>男</td>
  35.         </tr>
  36.         <tr>
  37.             <td>李白</td>
  38.             <td>17</td>
  39.             <td>女</td>
  40.         </tr>
  41.     </table>
  42.  
  43. ------------------------------------------------------------------
  44. 合并单元格:colspan
  45. 部门     姓名     年龄
  46. 开发     桃子       18
  47. 开发     李白       17
  48. 年龄总和 年龄总和     35
  49. <table border="1">
  50.         <tr>
  51.             <th>部门</th>
  52.             <th>姓名</th>
  53.             <th>年龄</th>
  54.         </tr>
  55.         <tr>
  56.             <td rowspan="2">开发</td>
  57.             <td>桃子</td>
  58.             <td>18</td>
  59.         </tr>
  60.         <tr>
  61.             <td>李白</td>
  62.             <td>17</td>
  63.         </tr>
  64.         <tr>
  65.             <td colspan="2">年龄总和</td>
  66.             <td>35</td>
  67.         </tr>
  68.     </table>
  69.  
  70. </body>
  71. </html>

3.html基础标签:表格的更多相关文章

  1. PHP全栈开发（四）: HTML 学习（1.基础标签+表格标签）

    简单的学习一下HTML 学习HTML采用在www.runoob.com上学习的方法. 而且该网站还提供在线编辑器. 然后HTML编辑器使用Notepad++ 记得上Emmet的官网http://emm ...

  2. HTML基础标签图片文本超链接列表表格介绍

    1.HTML基础标签图片常见代码形式<img src="图片路径地址" alt="属性名" title="占位符">常见的图片格 ...

  3. 前端基础-html 列表标签,表格标签,表单标签

    一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项< ...

  4. [05]HTML基础之表格标签

    1. <table>标签 表格容器,尽量避免用属性书写样式,而是用CSS来表达 border: 数字 //表格边框宽度 2. <caption>标签 表格的标题,一般出现在表格 ...

  5. HTML基础标签入门

    HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...

  6. Bootstrap <基础五>表格

    Bootstrap 提供了一个清晰的创建表格的布局.下表列出了 Bootstrap 支持的一些表格元素: 标签 描述 <table> 为表格添加基础样式. <thead> 表格 ...

  7. HTML常用基础标签

    HTML常用基础标签 带有语义的标签 <em> </em> 强调 <strong> </strong> 比em强调级别高 <abbr> &l ...

  8. html_基础标签

    块级标签: 默认情况会占位一整行行内(内联)标签:默认只有自己的大小 块级标签如: <div>我是字</div>  <h1>标题1</h1>  < ...

  9. HTML基础标签学习

    HTML基础学习 前言 HTML基础学习会由HTML基础标签学习.HTML表单学习和一张思维导图总结HTML基础三篇文章构成,文章中博主会提取出重点常用的知识和经常出现的bug,提高学习的效率,后续会 ...

随机推荐

  1. leetcode155

    public class MinStack { Stack<int> S = new Stack<int>(); /** initialize your data struct ...

  2. [C语言]进阶|指针与字符串

    ------------------------------------------------------------------------------------ 回顾:[C语言]指针与字符串 ...

  3. alert()、confirm()、prompt()的区别

    使用消息框 使用警告.提示和确认 可以使用警告.确认和提示消息框来获得用户的输入.这些消息框是 window 对象的接口方法.由于 window 对象位于对象层次的顶层,因此实际应用中不必使用这些消息 ...

  4. C# 导出dataGridView中的值到Excel

    C# 怎么导出dataGridView中的值到Excel 1 2 3 4 5 6 在系统应用过程中,数据是系统的核心.如果直接在应用软件中看数据,有时也有些不便,所以就会把系统数据转换成Excel格式 ...

  5. 看到blackarch 字体不错 记录下来

    terminus-font

  6. web设计工具

    1.工具    WYSIWYG_Web_Builder_12 2.网页    https://bootstrapstudio.io/#purchase

  7. 【你的职业规划】web前端的职业发展方向及学习攻略【转载】

    web前端的职业发展方向有哪些?本文献给正在迷茫中,准备入坑web前端的初学者以及知海匠库web前端培训班的准前端工程师们:   一.职业方向定位 首先,只有确定好自己的职业方向,才能做好职业规划.在 ...

  8. [SpringBoot]Web综合开发-笔记

    Web开发 Json接口开发 @RestController 给类添加 @RestController 即可,默认类中的方法都会以 json 的格式返回. 自定义filter filter作用: 用于 ...

  9. java_22 Map接口

    1Map Collection是孤立存在的,向集合中存储元素是一个一个放进去的 Map中的集合存储是成对的,可以通过键找到值.即将键映射到值的对象.一个映射不能包含重复的键:每个键最多只能映射到一个值 ...

  10. BZOJ1026或洛谷2657 [SCOI2009]windy数

    BZOJ原题链接 洛谷原题链接 简单的数位\(DP\),套模板就好. #include<cstdio> #include<cstring> using namespace st ...