html怎么做表格
导读:收集整理的这篇文章主要介绍了html怎么做表格,觉得挺不错的,现在分享给大家,也给大家做个参考。htML做表格的方法:首先新建一个html,并在“”中间填入表格内容;然后在“”中间输入样式表的样式;最后设置单元格的宽度高度等等样式即可。本文...
收集整理的这篇文章主要介绍了html怎么做表格,觉得挺不错的,现在分享给大家,也给大家做个参考。htML做表格的方法:首先新建一个html,并在“”中间填入表格内容;然后在“”中间输入样式表的样式;最后设置单元格的宽度高度等等样式即可。
本文操作环境:Windows7系统、HTML5& & CSS3版,DELL G3电脑
html做个表格的步骤如下:
1、首先新建一个html,点击body> /body> 中间,先填入表格内容;
2、内容根据需求来写即可,示例代码如下:
table> p style="text-align:center "> 功课表/p> tr> th> 语文/th> td> 7:00-7:40/td> td> 7:50-8:30/td> /tr> tr> th> 数学/th> td> 7:00-7:40/td> td> 7:50-8:30/td> /tr> tr> th> 英文/th> td> 7:00-7:40/td> td> 7:50-8:30/td> /tr> /table>
3、然后在head> /head> 中间输入样式表的样式;
4、样式也根据个人的需求来设置即可,设置单元格的宽度高度,合并单元格,位置,颜色等等,示例代码如下:
style tyPE="text/css"> body{ width:340px; height :800px; } table{ border-collapse :collapse ; } th,td{ width:100px; height:40px; border :1px solid black; font-Size:12px; text-align :center; } /style>
5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框,将相邻变合并。
6、预览结果如下所示,一个简单的表格就制作出来了。
推荐学习:《HTML视频教程》《css视频教程》
以上就是html怎么做表格的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html怎么做表格
本文地址: https://pptw.com/jishu/591123.html