HTML关于表格的语法

简介:

一、基本语法

 


  
  
  1. <table> \\表格标记 
  2.     <tr>    \\表格行标记 
  3.         <td>......</td>    \\单元格标记 
  4.         ... 
  5.         ... 
  6.     </tr> 
  7.      
  8.     .... 
  9.     .... 
  10.  
  11. </table> 

二、表格标记的常用属性,table,tr,td都可以使用

 


  
  
  1. 基本的 
  2. border  \\设置表格边框线的宽度 
  3. width,height    \\表格的宽度和高度 
  4. bgcolor     \\表格背景颜色 
  5. background  \\设置背景图像 
  6. bordercolor     \\设置边框颜色 
  7. bordercolorlight    \\亮边框颜色 
  8. bordercolordark     \\暗边框颜色 
  9.  
  10. 更多 
  11. cellspacing     \\设置单元格间距 
  12. cellpadding     \\设置单元格边距 
  13. align       \\设置表格水平对齐的方式 
  14. rowspan,colspan \\单元格跨行/单元格跨列 
  15. frame   \\设置表格边框的样式,是否显示 
  16.     --above \\显示上边框 
  17.     --below \\显示下边框 
  18.     --border,box    \\显示上下左右边框 
  19.     --lhs,rhs   \\显示左边框,显示右边框 
  20.     --hisdes,visdes \\显示上下边框,显示左右边框 
  21.     --void  \\不显示边框 
  22. rules   \\设置表格内部边框的样式,是否显示 
  23.     --all   \\显示所有内部边框 
  24.     --cols  \\仅显示行边框 
  25.     --groups    \\仅显示介于行列间的边框 
  26.     --none  \\不显示内部边框 
  27.     --rows  \\仅显示列边框 

 

三、简单示例,重点在table里面

 


  
  
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  5. <title>首页</title> 
  6. </head> 
  7.  
  8. <body> 
  9. <table bgcolor="#CCCC33" width="366" height="151" border="0"> 
  10.   <tr> 
  11.     <td>1</td> 
  12.     <td>2</td> 
  13.     <td>3</td> 
  14.   </tr> 
  15.   <tr> 
  16.     <td>4</td> 
  17.     <td>5</td> 
  18.     <td>6</td> 
  19.   </tr> 
  20.   <tr> 
  21.     <td>7</td> 
  22.     <td>8</td> 
  23.     <td>9</td> 
  24.   </tr> 
  25. </table> 
  26. </body> 
  27. </html> 

 





本文转自 fenghao.cn 51CTO博客,原文链接:http://blog.51cto.com/linuxguest/450718,如需转载请自行联系原作者
目录
相关文章
|
3月前
|
存储 数据采集 JSON
你知道吗?html_table可以提取的不止是表格
`html_table` 是一种强大的工具,不仅用于HTML表格解析,还在现代爬虫技术中发挥重要作用。它可以提取、整合、分析和传输多种类型的关键数据。本文从四个方面探讨其功能:关键数据提取(如财经网站的股票信息)、零散信息整合(如电商网站的产品详情)、数据对比分析(如手机性能参数对比)和数据存储与传输(如转换为CSV/JSON格式)。通过Python代码示例,展示了如何利用代理IP、多线程和自定义请求头提高爬虫效率,实现对复杂网页数据的全面抓取和利用。
149 12
你知道吗?html_table可以提取的不止是表格
|
4月前
|
数据采集 前端开发 数据挖掘
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
215 2
利用 html_table 函数轻松获取网页中的表格数据
|
5月前
|
移动开发 JavaScript 前端开发
html table+css实现可编辑表格的示例代码
html table+css实现可编辑表格的示例代码
175 12
HTML 表格4
HTML 表格标签用于创建和布局表格。主要标签包括:`&lt;table&gt;` 定义表格,`&lt;th&gt;` 定义表头,`&lt;tr&gt;` 定义行,`&lt;td&gt;` 定义单元格,`&lt;caption&gt;` 定义标题,`&lt;colgroup&gt;` 和 `&lt;col&gt;` 定义列属性,`&lt;thead&gt;`、`&lt;tbody&gt;` 和 `&lt;tfoot&gt;` 分别定义表格的页眉、主体和页脚。
HTML 表格2
本示例展示了如何使用 HTML 的 `&lt;table&gt;` 标签和 `border` 属性创建一个带有边框的简单表格。表格包含两行两列,每行有两个单元格,通过设置 `border=&quot;1&quot;` 显示边框。
|
5月前
|
前端开发
HTML 表格1
HTML 表格是用于展示结构化数据的标记语言元素,由 `&lt;table&gt;` 标签定义。表格包含行(`&lt;tr&gt;`)、单元格(`&lt;td&gt;`)和表头(`&lt;th&gt;`)。表格可细分为 `&lt;thead&gt;`(标题部分)和 `&lt;tbody&gt;`(主体部分),支持合并单元格、跨行/跨列操作及 CSS 样式定制。
|
6月前
HTML表格
HTML表格
67 4
HTML 表格3
HTML 表格的表头使用 `&lt;th&gt;` 标签定义,通常以粗体居中显示。
|
7月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`&lt;ul&gt;`嵌套`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`嵌套`&lt;li&gt;`)和定义列表(`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`)。
148 19
|
7月前
|
前端开发 JavaScript
用最少的代码实现一个HTML可交互表格
该HTML页面展示了一个可交互的表格,用户可以通过点击表格行来高亮显示所选行。使用了基本的`&lt;table&gt;`结构,并通过CSS设置了表格样式及行悬停效果。JavaScript函数`toggleSelect`实现了行选中的切换功能。
下一篇
oss创建bucket