首页前端开发JavaScripthtml怎么做表格

html怎么做表格

时间2024-01-29 13:11:03发布访客分类JavaScript浏览632
导读:收集整理的这篇文章主要介绍了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如何插入视频下一篇:深入解析html中列表的几种方式猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: html怎么做表格
本文地址: https://pptw.com/jishu/591123.html
html如何插入视频 html怎么设置图片

游客 回复需填写必要信息