html怎样设计竖着的表格,在html网页设计中如何制作表格?

在我们的一个日常的学习Web前端知识中遇到的问题肯定的比较多的,那么今天我们就来讨论一下在html网页设计中如何制作表格?吧!

步骤如下:

1.首先我们向在Web前端开发工具中新建一个 .html 文件(这边小编用的是HBuilderX),在文件中输入下面这些代码就可以看到我们的一个表格的雏形,代码截图如下:

标题1标题2标题3标题4标题5标题6

单元格1单元格2单元格3单元格4单元格5单元格6单元格1单元格2单元格3单元格4单元格5单元格6单元格1单元格2单元格3单元格4单元格5单元格6

08250321f00c2e53bd7da2ee8c3142cb.png

通过代码的运行我们看到了一个表格的雏形。

2.我们通过使用borde元素在网页中添加一个值就可以得到一个表格了,代码截图如下:

标题1标题2标题3标题4标题5标题6

单元格1单元格2单元格3单元格4单元格5单元格6单元格1单元格2单元格3单元格4单元格5单元格6单元格1单元格2单元格3单元格4单元格5单元格6

417bd85516e8a1f23e1ea4d2231c34b6.png

这样子我们就完成了一个表格的设置了。

总结:

以上就是一个简单的有关于怎么在html网页设计中如何制作表格的一个代码和运行的结果图,当然这个设置方法肯定不止一个小编只是分享最简单的给大家进行一个了解,当然如果我们要对表格进行一个装饰的话也是很简单的,更多的相关知识都可以在W3cschool中学习和了解。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值