感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--表格的制作-->
<!--注意 <caption></caption>只能-->
<!--table 表 caption 表头 thead页眉 tbody主体 tfoot页脚 tr行 td单元格-->
<!--表格的标准结构-->
<!--<table>
<caption></caption>
<thead>
<tr><td></td></tr>
</thead>
<tbody>
</tbody>
<tfoot>
</tfoot>
</table>
-->
<!--表格的简略结构-->
<!--
<table>
<tr>
<td></td>
</tr>
<tr></tr>
<!--表格的属性 <table></table>-->
<!--- border 表格边框
-- bordercolor 边框的颜色
-- width 表格宽度 100px(绝对值) 50%(相对值)--参照物为网页大小
-- height 表格高度
-- bgcolor 背景颜色
-- background 背景图片 +url(图片的相对路径或绝对路径)
-- align 水平对齐方式 left center right
-- cellpaddin 单元格的填充物
-- cellspacing 单元格的间距
<!--<tr></tr>表格行结构标签-->
<!--align 当前所有行的内容水平对齐方式 left center right
valigh 当前所有行的内容垂直对齐方式 top middle bottom --vertical 垂直的
height 当前行的行高
bgcolor background
<!--<td></td>表格单元格结构标签-->
<!--align 当前单元格的内容水平对齐方式 left center right
valigh 当前单元格的内容垂直对齐方式 top middle bottom --vertical 垂直的
height 当前单元格的行高
bgcolor 单元格背景颜色 background 单元格背景图片
colspan 合并列
rowspan 合并行
<table align="center" border="1px" cellpadding="10px" cellspacing="0px" bordercolor="blue" width="50%" height="80px" background="../images/gdimg1.jpg" align="center" >
<caption>员工信息表</caption>
<td>姓名</td>
<td>年龄</td>
<td>电话</td>
<td>地址</td>
<td>备注</td>
<td>张三</td>
<td>21</td>
<td>123</td>
<td>上海漕合金</td>
<td>无</td>
<td>李四</td>
<td>王五</td>
<td> </td>
<td>汇总</td>
<br/>
<table align="center" border="1px" cellspacing="0px" width="200" height="100px" background="../images/logo.jpg">
<td rowspan="2" valign="middle" align="center"><font color="red">上午</font></td>
<td align="left"><font color="red">语文</font> </td>
<!--<td rowspan="2" valign="middle" align="center"><font color="red">上午</font></td>-->
<td align="left"><font color="red">数学</font> </td>
<td align="left"><font color="red">体育</font> </td>
<td align="left"><font color="red">音乐</font> </td>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
输入 CSS 代码……