表格的简单制作

超、凢脫俗 2022-05-31 11:21 295阅读 0赞

table 表示表格标签  
td 表示行内单元格  
tr 表示表格中行标签  
border 表示表格边框 就是表格内所有内容与外边框的空白部分  
width 表示表示表格宽度 有两种表示方法1.固定宽度300px 2. 80% 表格的外边框宽度  
RGB 表示颜色 还有直接表示 红色  
cellspacing 表示单元格之间的距离  
cellpadding 表示表格内容与单元格之间的距离，用属性默认为0  
rowspan 表示单元行进行合并 就是竖着的合并  
colspan 表示单元列进行合并 即使横着的合并  
align 表格内容左右方向 center right left  
valign 表格内容上下方向 top bottom center  
小技巧：先用画图工具画出自己需要的表格样式，手动对图形进行修改，表格内容形式在行列方向上事先进行写出属性及其大概属性值。

<html>  
<head>  
<title>表格标签</title>  
<meta charset="utf-8">  
</head>  
<body>  
  
  
<table border="2px" width="70%" height="300px" cellspacing="2" >  
<tr>  
<td align="center" valign="middle" >A</td><td rowspan="2" align="center" valign="middle">B</td><td align="center" valign="middle">C</td>  
</tr>  
<tr>  
<td rowspan="2" align="center" valign="middle">E</td><td align="center" valign="middle">D</td>  
</tr>  
  
<tr>  
<td align="center" colspan="2" valign="middle">F</td>  
</tr>  
</table>  
<hr />  
<font size="1" color="\#AC2925" face="斜体">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;静夜思</font>  
<br />  
<font size="4" color="\#000000" face="微软雅黑" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;李白</font>  
</br>  
<font size="5" color="\#0000FF" face="华文隶书" >床前明月光</font>  
</br>  
<font size="5" color="\#0000FF" face="华文隶书" >疑是地上光</font>  
</br>  
<font size="5" color="\#0000FF" face="华文隶书" >举头望明月</font>  
</br>  
<font size="5" color="\#0000FF" face="华文隶书" >低头思故乡</font>  
  
  
</body>  
</html>

发表评论取消回复

表情：

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

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

相关阅读

相关 div制作表格，增减表格

div制作表格，增减表格 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

约定不等于承诺〃/ 2022年12月27日 11:02/ 0 赞/ 207 阅读

相关 HTML5基础学习（5）：百度云盘制作、简单表格制作

一、百度云盘制作（1）绝对地址与相对地址绝对地址：在任何情况下，都可以找得到的地址。网页中下面图片所在的路径叫做绝对路径： <img src="http:

怼烎@/ 2022年12月08日 02:09/ 1 赞/ 279 阅读

相关 html 在线表格制作,HTML 表格

HTML 表格表格其实就是很多的小单元格，而这些小单元格很有次序的排列着，它们有很多行，很多列。这些由行列组成的布局，就叫表格，表格是 table 标签来定义的。 HTM

左手的ㄟ右手/ 2022年10月05日 10:51/ 0 赞/ 568 阅读

相关 div制作表格

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

╰半橙微兮°/ 2022年06月10日 13:56/ 0 赞/ 249 阅读

相关表格的简单制作

table 表示表格标签 td 表示行内单元格 tr 表示表格中行标签 border 表示表格边框就是表格内所有内容与外边框的空白部分 width 表示表示表

超、凢脫俗/ 2022年05月31日 11:21/ 0 赞/ 296 阅读

相关 easyui树表格制作

var newdata_ = [data.grid]; findData(newdata_); treegrid({ id:""+

快来打我*/ 2022年05月21日 03:37/ 0 赞/ 249 阅读

相关立体效果表格的制作方法

<html> <head> <title>立体效果表格的制作方法</title> <style type="text/css"> <!-- td \{font-fam

客官°小女子只卖身不卖艺/ 2022年01月09日 19:43/ 0 赞/ 198 阅读

相关 HTML表格制作的例子

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

左手的ㄟ右手/ 2021年12月10日 22:11/ 0 赞/ 283 阅读

相关 MVC表格的制作

MVC表格的制作开发工具与关键技术： Visual Studio 2015 – jQuery 作者：廖亚星撰写时间：2019年 7 月 25 日项目商品管

待我称王封你为后i/ 2021年11月23日 10:38/ 0 赞/ 276 阅读

相关 jQuery制作树状表格

使用jQuery制作树状表格。若需要改为动态页面，所需要修改的js以标注。采用递归的方法对已展现的部分进行缓存。表格内容采用html拼接，方便修改。

àì夳堔傛蜴生んèń/ 2021年09月26日 15:50/ 0 赞/ 424 阅读