【建站服务】广东省潮州网站建设_网页定制制作与开发多少钱_做到满意为止-域名申请
作者: 风兰 . 阅读量: 7 . 发表时间:2022-09-21 01:30:45
上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
广东省潮州网站建设_网页定制制作与开发多少钱_做到满意为止

在 HTML 中,我们使用 <table> 标签来定义表格。HTML 中的表格和 Excel 中的表格是类似的,都包括行、列、单元格、表头等元素。但是 HTML 表格在功能方面远没有 Excel 表格强大,HTML 表格不支持排序、求和、方差等数学计算,它一般用来展示数据。
在学习表格之前,我们不妨先来看一段简单的 HTML 代码:
<table border="1"> <tr> <th>名称</th> <th>官网</th> <th>性质</th> </tr> <tr> <td>C语言中文网</td> <td>http://c.biancheng.net/</td> <td>教育</td> </tr> <tr> <td>百度</td> <td>http://www.baidu.com/</td> <td>搜索</td> </tr> <tr> <td>当当</td> <td>http://www.dangdang.com/</td> <td>图书</td> </tr></table>
运行效果如下图:

这是一个 4 行 3 列的表格。第一行为表头,其余三行为内容。
在上述代码中,我们使用了<table>、<tr>、<td> 及 <th> 四个标签:
<table> 表示表格,表格的所有内容需要写在 <table> 和 </table> 之间。
<tr> 是 table row 的简称,表示表格的行。表格中有多少个 <tr> 标签就表示有多少行数据。
<td> 是 table datacell 的简称,表示表格的单元格,这才是真正存放表格数据的标签。单元格的数据可以是文本、图片、列表、段落、表单、水平线、表格等多种形式。
<th> 是 table heading 的简称,表示表格的表头。<th> 其实是 <td> 单元格的一种变体,本质上还是一种单元格。<th> 一般位于第一行,充当每一列的标题。大多数的浏览器会把表头显示为粗体居中的文本。
默认情况下,表格是没有边框的。但是我们可以使用 <table> 标签中的 border 属性来设置表格的边框宽度,单位是像素(px)。本例中我们将表格的边框宽度设置为 1px。注意,px 是默认的单位,不用显式指明。
细心的读者可能已经发现了,网页中常见的表格样式大多为单层边框,上例中展示的表格为双层边框。为了避免这种情况,我们可以利用 CSS 中的 border-collapse 属性来设置表格的边框。border-collapse 是“边框塌陷”的意思,当属性值为 collapse 时,可以使表格的双边框变为单边框。
示例代码如下:
<table border="1" style="border-collapse: collapse;"> <tr> <th>名称</th> <th>官网</th> <th>性质</th> </tr> <tr> <td>C语言中文网</td> <td>http://c.biancheng.net/</td> <td>教育</td> </tr> <tr> <td>百度</td> <td>http://www.baidu.com/</td> <td>搜索</td> </tr> <tr> <td>当当</td> <td>http://www.dangdang.com/</td> <td>图书</td> </tr></table>
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)
关键词:网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站


