怎样用html写表格

今天上了第二节兴唐杯网页设计的课，今天学的东西不难但一时教这么多东西还是很难以消化的。今天教了怎样在网页上写表格，用到了border,1px是边框宽度，biack是边框颜色，这些都可以在<style> </style>中调。以 <th>序号</th><th>姓名</th><th>电话</th><th>住址</th>这种形式可以输入一行表格内容。

如：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>table{border:1px/*宽度*/ solid/*线的形式（实线）*/ black/*颜色*/;border-spacing: 10px;/*线的间隔*/border-collapse: collapse;/*表格的两边框合为一条*/}td,th{border:1px  solid black;/*规定横线和竖线的宽度；线的形式：实线；线的颜色*/}</style></head><body><table><tr><th>序号</th><th>姓名</th><th>电话</th><th>住址</th></tr><tr><th>序号</th><th>姓名</th><th>电话</th><th>住址</th></tr><tr><th>序号</th><th>姓名</th><th>电话</th><th>住址</th></tr></table></body>
</html>

输出后如下图：

行内元素不单独成行，如<b> </b>（加粗字体）；<i> </i>使字体倾斜

如：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><b>郑州</b><!--加粗--><i>郑州</i><!--斜体--><del>郑州</del><!--中间划横线--><span>郑州</span><!--无作用--></body>
</html>

运行后

块级元素单独成行，有<hn> </hn>(调字体大小），<p></p>,<div></div>

如：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><!--作者：3303097051@qq.com时间：2020-11-18描述：块级元素；高级包裹内容，但是宽度等同于父标记；单独成行--><!--hn n n=1~6调节字体大小--><h1>zhengzhou</h1><h6>zhengzhou</h6><p>河南工业大学</p><div>杭州</div></body>
</html>

运行后

有序列表<ol start="2" type="1">(调左边序号和形状）</ol>,<li>语文</li>类型添加列表物。类似的，
<ul type="circle"></ul>表示无序列表，<li>语文</li>类型添加列表物

如：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><!--作者：3303097051@qq.com时间：2020-11-18描述：ordered list 缩写 ol 有序列表--><ol start="2" type="1"><li>语文</li><li>数学</li><li>英语</li></ol><!--作者：3303097051@qq.com时间：2020-11-18描述：unorder list u1 无序列表--><ul type="circle"><li>语文</li><li>数学</li><li>英语</li></ul></body>
</html>

运行后

怎样用html写表格相关推荐

Python带格式写表格实例
原文地址程序先读取了newxl.xls表格,复制其表格内容,并添加带格式内容,最后保存表格. from xlutils.copy import copy import xlrd import xlw ...
python写表格_python写入表格
广告关闭腾讯云11.11云上盛惠 ,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高返5000元! import xlwt #导入xlwt 库 book =xlwt.workboo ...
真实教育场景手写/表格/公式OCR数据集
向AI转型的程序员都关注了这个号???????????? 机器学习AI算法工程公众号:datayx TAL_OCR_MATH小学低年级算式数据集算数数据集为小学数学1到3年级的学生手写数学式子 ...
用php写表格代码,php读写excel表格程序代码
工作的第一步就是要将数据从excel中取出来,这里我使用到了一个开源php处理excel类:phpexcel,该项目的详细信息 http://phpexcel.codeplex.com/. 我目前使用 ...
html+css实现左侧固定右侧横向滚动的表格（百度小程序中怎么写表格样式）
最近在用百度小程序写项目,遇到一个问题,设计图中有个左侧固定右侧横向滚动的表格,查看小程序文档组件,并没有完全一致的. 倒是有个差不多的,乍看差不多,实则完全不一样,方向什么的都不同,且未提供 ...
python写表格_使用Python对Excel进行读写操作
学习Python的过程中,我们会遇到Excel的读写问题.这时,我们可以使用xlwt模块将数据写入Excel表格中,使用xlrd模块从Excel中读取数据.下面我们介绍如何实现使用Python对Exc ...
【pandas】教程：2-读写表格数据
pandas 读写表格数据读取 Titanic 乘客数据 pandas提供了read_csv()函数,将存储为csv文件的数据读取到pandas DataFrame中.Pandas支持多种开箱即用的 ...
HTML写表格记录（二）--如何在HTML中表达“＞“,“＜“大于号小于号，以及＜b＞的意思
-1.<b>标签是粗体文本的意思,就是将<b>标签中的文字以粗体显示</b> 2.用html写东西时大于号(>).小于号(<)无法正常显示,应该用如如下 ...
html写表格最左最右的边框,excel怎么制作个人账本？ excel账本的详细制作图文教程...
个人记账工具很多,可是都不常用.excel在大多数办公室工作者来说,人手必备.用excel制作一个简单,但是实用的记账表格,多维度录入资金来源和去向,自动计算余额,核算现实手中现金金额,方便存储,方便 ...

怎样用html写表格

怎样用html写表格相关推荐

最新文章

热门文章