网页设计：HTML表格标签

刺骨的言语ヽ痛彻心扉 2022-12-27 04:44 218阅读 0赞

#### 表格组成： ####

*  table 表格容器(外框)
 *  `<caption>`：定义表格的标题；
 *  `<th></th>`：定义一个表格头；
 *  `<tr></tr>` ：定义一个表格行；
 *  `<td></td>` ：定义一个单元格；

#### 标签属性： ####

**1）table(表)常用属性：**

*  border：边框粗细
 *  height：高度
 *  width：宽度
 *  bgcolor：背景颜色
 *  background：背景图片
 *  cellspacing：单元格到单元格之间的距离
 *  cellpadding：单元格内容到单元格之间的距离
 *  align：表格在网页摆放位置  
    值：  
    left：左对齐  
    right：右对齐  
    center：居中对齐

<table border=" 值" height=" 值" width=" 值" cellspacing=" 值" cellpadding=" 值" align="值" >
    	<tr>
    		<td></td>
    		<td></td>
    		<td></td>
    	</tr>
    	<tr>
    		<td></td>
    		<td></td>
    		<td></td>
    	</tr>
    </table>

**2）tr(一行)属性**：

*  align：这一行单元格内容水平摆放方式；

值：  
left：左对齐  
right：右对齐  
center：居中对齐

*  valign：这一行单元格内容垂直摆放方式；

值：  
left：左对齐  
right：右对齐  
center：居中对齐

<tr align="值" valign=" 值" >
          
    </tr>

**3）td(单元格)属性**：

*  align：这一行单元格内容水平摆放方式；

值：  
left：左对齐  
right：右对齐  
center：居中对齐

*  valign：这一行单元格内容垂直摆放方式；

值：  
left：左对齐  
right：右对齐  
center：居中对齐

<td align=" 值" valign=" 值">
    
    </td>

#### 单元格合并： ####

属性：

*  colspan 指明这一个单元格横向占据几个单元格宽度 默认为1
 *  rowspan 指明这一个单元格纵向占据几个单元格高度 默认为1

例：

<table border="1" height="300" width="300" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="2">1</td>  
    		<td>3</td>
    	</tr>
    	<tr>
    		<td rowspan="2">4</td>
    		<td>5</td>
    	</tr>
    	<tr>
    		<td>7</td>
    		<td>8</td>
    		<td>9</td>
    	</tr>
    </table>
    </body>

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关网页设计：HTML注释标签

HTML 注释 是HTML的注释标签使用 "< "和 “>” 是符合HTML标签语法规则的。所有浏览器都支持注释标签。

妖狐艹你老母/ 2022年12月27日 11:17/ 0 赞/ 173 阅读

相关网页设计：HTML标签语义化

标签语义化：为了使我们的网站更好的被搜索引擎抓取收录，更自然的获得更高的流量，网站标签的语义化就显得尤为重要。所谓标签语义化，就是指标签的含义。语义化的优点：

喜欢ヅ旅行/ 2022年12月27日 08:18/ 0 赞/ 142 阅读

相关网页设计：HTML标签分类

HTML中的标签从闭合的角度可以分为闭合标签和空标签。而HTML中大部分标签都是闭合标签，其他少数为空标签；常见的空标签： `<input />`、

╰半橙微兮°/ 2022年12月27日 06:29/ 0 赞/ 259 阅读

相关网页设计：HTML表格标签

表格组成： table 表格容器(外框) `<caption>`：定义表格的标题； `<th></th>`：定义一个表格头； `<tr></tr>

刺骨的言语ヽ痛彻心扉/ 2022年12月27日 04:44/ 0 赞/ 219 阅读

相关 html标签之表格标签

HTML表格组成: 由`<table>`标签以及一个或多个`<tr>`、`<th>`或`<td>`标签： `<table>`标签：用来定义表格，整个表格包含在`<

落日映苍穹つ/ 2022年12月27日 04:41/ 0 赞/ 305 阅读

相关网页设计：HTML表单标签

> 表单包含三个基本组成部分：表单标签、表单域、表单按钮。 1，表单标签 HTML 表单用于收集用户输入，表单使用`<form>` 标签创建。表单可包含文本字段、复选框

迷南。/ 2022年12月26日 11:25/ 0 赞/ 149 阅读

相关网页设计：HTML列表标签

无序列表有序列表自定义列表 1，无序列表无序列表的标签是: `<ul>无序列表</ul>` 定义一个无序列表： `<li>`定义一个列表项

客官°小女子只卖身不卖艺/ 2022年12月26日 10:20/ 0 赞/ 199 阅读

相关三、 HTML表格标签

文章目录三、表格标签 3.1 表格的用途 3.2 表格标签 3.3 表格的常用属性 3.4 表格的跨行及跨列

蔚落/ 2022年11月12日 04:25/ 0 赞/ 237 阅读

相关 (4)表格的html标签,html标签之表格标签

HTML表格组成: 由 <table> <tbody> <tr> <th>或</th> <td>标签：标签中；</td> </tr> <

叁歲伎倆/ 2022年10月19日 15:56/ 0 赞/ 304 阅读

相关 html 表格的标签

表格标签(设置表格的宽高不能限定每个单元格大小都一样): <table> <tr> //表示一行 <th></th>

柔情只为你懂/ 2021年07月24日 12:35/ 0 赞/ 481 阅读