文章目录
- 一、表头单元格标签
- 二、表格标题标签
一、表头单元格标签
表头单元格 可以在表格中 用作第一排 作为表格 的 表头 使用 , 表头单元格 中的 文本设置 可以与 普通单元格 中的文本设置
表头单元格 中的 文本 会 居中 , 并且 加粗 显示 ;
表头单元格 标签 如下 :
表头单元格 与 普通单元格 放置位置一样 , 也是放在 table 表格标签 下的 tr 表格行标签
姓名
年龄
Tom
18
代码示例 :
网页标题
姓名
年龄
Tom
18
Jerry
16
网页效果 :
二、表格标题标签
在
| 姓名 | 年龄 |
|---|---|
| Tom | 18 |
代码示例 :
网页标题
表格标题
姓名
年龄
Tom
18
Jerry
16
网页效果 :
-
赞
-
收藏
-
评论
-
举报
上一篇：【Redis】NoSQL 数据库 ② ( NoSQL 数据库特点 | NoSQL 数据库适用场景 | 常见的 NoSQL 数据库 | Redis | MongoDB | 数据库排名 )
下一篇：【HTML】HTML 表格 ③ ( 合并单元格 | 跨行合并 | 跨列合并 | 单元格合并顺序 | 跨行设置 rowspan 属性 | 跨列设置 colspan 属性 )
()
最热
最新
-
【HTML】HTML 表格总结 ★★★ ( 表格标签 | 行标签 | 单元格标签 | 表格标签属性 | 表头单元格标签 | 表格标题标签 | 合并单元格 )
一、表格标签组成 ( 表格标签 | 行标签 | 单元格标签 )二、table 表格属性 ( border 属性 | align 属性 | width 属性 | height 属性 )三、表头单元格标签四、表格标题标签五、合并单元格1、合并单元格方式2、合并单元格顺序3、合并单元格流程六、合并单元格示例1、原始表格2、跨行合并单元格3、跨列合并单元格
html
表格
单元格
合并单元格
表头单元格 -
html：表格标签（基本格式、单元格的合并、表格结构标签）
1、基本格式
//定义一个完整的表格
//一行 //一个单元格
用表格实现成绩登记表：
成绩登记表格</p> <div class="tag-box"> <span class="tag-item"><br /> html </span><br /> <span class="tag-item"><br /> 数据结构 </span><br /> <span class="tag-item"><br /> 数据库 </span><br /> <span class="tag-item"><br /> 组成原理 </span><br /> <span class="tag-item"><br /> 跨列合并 </span> </div> <p> -
【HTML】HTML 表格 ① ( 表格标签 | 行标签 | 单元格标签 | table 表格属性 | border 属性 | align 属性 | width 属性 | height 属性 )
一、表格标签组成 ( 表格标签 | 行标签 | 单元格标签 )、二、table 表格属性 ( border 属性 | align 属性 | width 属性 | height 属性 )
html
前端
表格
表格属性
table -
html+css实战28-表格标题和表头单元格
html
html
css
webview -
html表格合并单元格
th标签 合并列 colspan=”k” 合并行 rowspan=”k” 例子《th colspan=”2″, rowspan=”3″》
技术 -
[HTML]表格标签table的使用（基本语法、属性、单元格合并）
本博客记录了HTML中table表格标签的使用，并记录了相关标签及属性的用法，同时介绍了单元格合并的两种方式（跨行合并和跨列合并） …
合并单元格
跨行合并
跨列合并
基本语法
html -
表格标签（HTML）
表格标签（HTML）
html
html5
贴吧
搜索 -
HTML 表格标签
row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 &
HTML
页眉
mysqlhtml 标签 表格标题 《thead> 表头 os colspan 水平方向占据单元格个数 表体 注脚
学习【HTML 教程】表格标签作者 | 阮一峰表格（table）以行（row）和列（column）的形式展示数据。1、
，
是一个块级容器标签，所有表格内容都要放在这个标签里面。
… …
总是 里面的第一个子元素，表示表格的标题。该元素
多列
标题栏
数据html表格，table标签查看上图效果源码
时间 星期一 星期二
表格
html
table标签
合并单元格
cssHTML基础-表格标签表格标签 在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表 http://2004.sina.com.cn/ 作用：以表格的形式将数据显示出来, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式 使用格式： table
HTML5
html
背景颜色
cssHTML 表格标签table一，表格标签table 表格由
标签来定义。每个表格均有若干行（由
标签定义），每行被分割为若干单元格（由 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等
HTMLHTML——table表格标签一、table表格的完整写法
title …
HTML
html
跨列合并
跨行合并
背景颜色HTML：文件标签（二） – 表格标签表格 1
：定义一个表格 border：边框，取值是像素为单位 width 代表的表格的宽度 align 代表表格的对齐方式；取值 left 左对齐表格 right 右对齐表格 center 居中对齐表格 cellspacing：单元格间距（通常设置0表示单线表格） 2
：表格 …
HTML
取值
默认值
左对齐
数据HTML高级标签之表格标签前面学习了一下HTML的经常使用标签, 今天開始高级标签之路!一.表格标签1.作用: 创建一张表格2.各属性作用:
&
html
边距
css
d3
HTMLhtml 常用标签[3]-表格1. 表格表格由 table 标签创建，tr 标签来创建表格的行，td 标签或者 th 标签创建表格的列。
姓名 语文 数学 小王 9
网站
标签
数学
前台
borderhtml标签使用、表单、表格文章目录网页组成一、基本结构HTML介绍二、标签使用`2.1.文本标签“2.2.列表标签“2.3.超级链接“2.4.锚点跳转“2.5.图片标签“2.6
html
css
表单html列表，表格等标签html列表，表格等标签1.列表无序列表 ul一列没有顺序的列表（用的最多）作用：显示一列没有排列顺序的数据语义：一组没有顺序的数据代码：
- 列表项1
- 列表项2
- 列表项3
……
注意：无序列表中的数据没有先后顺序之分 中只能嵌套 ，不能放其他标签或者文字 标签中可以嵌套任意标签（嵌套ul都
html
数据
嵌套
跨列合并
合并单元格
韩曙亮_分类列表
更多- # Groovy141篇
- # Git23篇
- # Windows 逆向26篇
- # Android 逆向197篇
- # Android 命令行工具1篇
近期文章- 1.就业内推 | 阿里云专场，CCIE、RHCE认证优先，30k+16薪
- 2.最快鉴别网工能力的方法，就三个字
- 3.阿里云，又瘫了！
- 4.[echarts] legend icon 自定义的几种方式
- 5.Flutter中 解决自定义阿里妈妈图标一直显示不出来的问题
文章目录-
文章目录 -
一、表头单元格标签 -
二、表格标题标签
-
-
意见
反馈
举报文章
请选择举报类型
内容侵权
涉嫌营销
内容抄袭
违法信息
其他补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG，图片不超过1.9M
-
赞
-
收藏
-
评论
如有误判或任何疑问，可联系 「51CTO博客客服 」申诉及反馈。我知道了51CTO首页内容精选博客学堂精培企业培训CTO训练营智能汽车开源基础软件社区WOT全球技术创新大会
公众号矩阵移动端
51CTO
开源基础软件社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
开源基础软件社区订阅号
51CTO学堂APP
51CTO学堂企业版APP
开源基础软件社区视频号
51CTO博客
-
首页
- 关注
- 排行榜
- 订阅专栏
-
搜索历史
清空热门搜索查看【
】的结果 -
首发福利
写文章
- 创作中心
- 登录注册
Copyright © 2005-2023 51CTO.COM
版权所有 京ICP证060544号- 关于我们
-
官方博客 全部文章 热门标签 班级博客 了解我们 在线客服 网站地图 意见反馈
- 友情链接
-
开源基础软件社区 51CTO学堂 51CTO 汽车开发者社区
var userId=””;
var uid=””;
var user_id=14192100;
var isLogin=0;
var imgpath=”https://s2.51cto.com/”;
var BLOG_URL=”https://blog.51cto.com/”;
var HOME_URL=”https://home.51cto.com/”;
var STATICPATH=”https://static2.51cto.com/edu/”;
var SA_SERVER_URL_YM=”https://sc.51cto.com/sa?project=production”;
var cururl=”https://blog.51cto.com/u_14202100/6274325″;
var login_url=”https://home.51cto.com/mobile/client-login?reback=https://blog.51cto.com/u_14202100/6274325″;
var praise_url=”https://blog.51cto.com/praise/praise”;
var qrcodeSid=””;
var qr_code=””;
var router=”blog/index”;
var csrfParam=”_csrf”;
var csrfToken=”PeXPR105hIMJtMRc993oNo_ms06ckMUoU9ZQNeonwkJj8EdVsGW7X19RlUzBvuWJuSesy2B1pgzr09c4IDUdDg==”;
var is_load=0;
var uc_url=”https://ucenter.51cto.com/”;
var blog_url=”https://blog.51cto.com/”;
var isBuy=1;
var isPc=0;
var writeMessage=”©著作权归作者所有：来自51CTO博客作者韩曙亮_的原创作品，请联系作者获取转载授权，否则将追究法律责任rn【HTML】HTML 表格 ② ( 表头单元格标签 | 表格标题标签 )rnhttps://blog.51cto.com/u_14202100/6274325″;
var isCodeCopy=0;
var cid=””;
var fid=0;
var commentListPage=””;
var originalUrl=”https://blog.51cto.com/u_14202100/original”;
var followersUrl=”https://blog.51cto.com/u_14202100/followers”;
var translateUrl=”https://blog.51cto.com/u_14202100/translate”;
var reproduceUrl=”https://blog.51cto.com/u_14202100/reproduce”;
var followingUrl=”https://blog.51cto.com/u_14202100/following”;
var page=”detail”;
var tipStatus=1;
var addReply_url=”https://blog.51cto.com/addBlogComment”;
var removeUrl=”https://blog.51cto.com/delBlogComment”;
var blog_id=6274325;
var is_comment=0;
var comment_list=”https://blog.51cto.com/getBlogCommentList”;
var index_url=”https://blog.51cto.com/u_14202100″;
var img_url=”https://static2.51cto.com/edu/blog/”;
var i_user_id=””;
var c_user_id=14192100;
var collect_url=”https://blog.51cto.com/addUserCollect”;
var is_old=2;
var nicknameurl=”https://blog.51cto.com/u_14202100″;
var nickname=”韩曙亮_”;
var shareimgUrl=”/qr/qr-url?url=https%3A%2F%2Fblog.51cto.com%2Fu_14202100%2F6274325″;
var checkFollow=1;
var seoTitle=””;
var articleABtest=0;
!function(f,p){“use strict”;var h=new RegExp(“.css”),y=p.head||p.getElementsByTagName(“head”)[0],r=+navigator.userAgent.replace(/.*(?:AppleWebKit|AndroidWebKit)/?(d+).*/i,”$1″)<536;function s(e){return"complete"===e.readyState||"loaded"===e.readyState}function v(e,t,n){var o="onload"in e;function a(){e.onload=e.onreadystatechange=null,e=null,t()}"css"!==n||!r&&o?o?(e.onload=a,e.onerror=function(){e.onerror=null}):e.onreadystatechange=function(){s(e)&&a()}:setTimeout(function(){!function e(t,n){var o;t.sheet&&(o=!0),setTimeout(function(){o?n():e(t,n)},20)}(e,t)},1)}function u(t,n,e,o){if(t)if(h.test(t)){var a=t,r=e,c=u,i=p.createElement("link");if(r.attrs)for(var l in r.attrs)i.setAttribute(l,r.attrs[l]);r.prefetch?(i.href=a,i.rel="prefetch",c&&c()):(i.rel="stylesheet",v(i,c,"css"),i.href=a),y.appendChild(i)}else{var c=t,d=e,a=u,f=d.prefetch?p.createElement("link"):p.createElement("script");if(d.attrs)for(var s in d.attrs)f.setAttribute(s,d.attrs[s]);d.prefetch?(f.href=c,f.rel="prefetch",a&&a()):(f.charset="utf-8",v(f,a,"js"),f.async=!1,f.src=c),y.appendChild(f)}else setTimeout(function(){u()});function u(){var e=n.indexOf(t);-1<e&&n.splice(e,1),0===n.length&&o()}}function c(e="load",t){var n="object"==typeof t.option?t.option:{},t="function"==typeof t.callback?t.callback:null;return n.attrs="object"==typeof n.attrs?n.attrs:{},n.loaded="boolean"==typeof n.loaded&&n.loaded,n[e]=!0,{option:n,cb:t}}function i(c,e,t="load"){var n,o,a,r,i,l;function d(){var e=c,t=i,n=l;function o(){n&&n()}if(0===(e=Array.prototype.slice.call(e||[])).length)o();else for(var a=0,r=e.length;a<r;a++)u(e[a],e,t,o)}c&&c.length&&(i=e.option,l=e.cb,e=p,n=function(){"load"===t&&i.loaded?setTimeout(d,2e3):d()},("ready"===(o=t)?"loading"!==e.readyState:s(e))?n():(a=!1,r=function(){a||(n(),a=!0)},"load"===o?f.addEventListener("load",r):"ready"===o&&p.addEventListener("DOMContentLoaded",r),setTimeout(function(){r()},1500)))}f.PsLoader={ready:function(e,t,n={}){var o=[],a=[];e.forEach(function(e){(h.test(e)?o:a).push(e)}),n.loaded=!1,i(o,c("ready",{option:n,callback:function(){t(o)}}),"ready"),i(a,c("load",{option:n,callback:function(){t(a)}}))},load:function(e,t,n={}){i(e,c("load",{option:n,callback:t}))},prefetch:function(e,t,n={}){i(e,c("prefetch",{option:n,callback:t}))}}}(window,document); !function(m,g){var t=["scroll","wheel","mousewheel","resize","animationend","transitionend","touchmove"];function n(e){if("object"!=typeof e)throw new Error("CLazy option is not Object");var f={defaultImg:e.defaultImg||"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",preLoad:e.preLoad||1.3,preLoadTop:e.preLoadTop||0,complete:e.complete||null,events:e.events||t,capture:e.capture||!1},v=0,p={},h={},i={},A=this;function l(e){var t=e;if("object"!=typeof t)return!1;if(!t.el)for(var r in p)if(e===p[r].el){t=p[r];break}return t}function c(e){var e=e.getBoundingClientRect(),t=f.preLoad,r=f.preLoadTop;return e.topr&&e.left<m.innerWidth*t&&0<e.right}function u(e,t){var r,n=e.bindType,o=e.el;switch(t){case"loading":case"error":r=f.defaultImg;break;default:r=e.src}n?e.src&&(o.style[n]='url("'+r+'")'):o.getAttribute("src")!==r&&o.setAttribute("src",r),o.setAttribute("lazy",t)}this.add=function(e,t){var r=function(e){var t,r=!1;for(t in p)if(p[t].el===e){r=p[t];break}return r}(e);if(r)return this.check(r),!1;r="e_"+ ++v;if(p[r])return this.check(p[r]),!1;for(var n,o={id:r,el:e,bindType:"IMG"===e.tagName?null:"background-image",src:(n=e,(t=t)?t.value:n.getAttribute("ps-lazy")),$parent:function(e){if(!(e instanceof HTMLElement))return m;var t=e;for(;t&&t!==g.body&&t!==g.documentElement&&t.parentNode;){if(/(scroll|auto)/.test(function(e){return y(e,"overflow")+y(e,"overflow-y")+y(e,"overflow-x")}(t)))return t;t=t.parentNode}return m}(e)},a=(h[r]=function(e){A.check(o)},p[r]=o),i=h[r],c=0;c<f.events.length;c++){s=d=u=l=void 0;var[l,u,d,s=!1]=[a.$parent,f.events[c],i,f.capture];l&&l.addEventListener(u,d,s),m!==l&&m.addEventListener(u,d,s)}this.check(o)},this.remove=function(e){for(var e=l(e),t=(e.el&&e.el.removeAttribute("ps-lazy"),e),r=h[e.id],n=0;n<f.events.length;n++){c=i=a=o=void 0;var[o,a,i,c=!1]=[t.$parent,f.events[n],r,f.capture];o&&o.removeEventListener(a,i,c),m!==o&&m.removeEventListener(a,i,c)}delete h[e.id],delete p[e.id]},this.check=function(e){var t,r,n,o,a=l(e);c(a.el)&&(m===a.$parent||c(a.$parent))?(e=function(e){u(a,e),A.remove(a),f.complete&&f.complete({el:a.el,src:a.src,state:e})},a.src?(t=a.src,r=e,n=encodeURIComponent(t),i[n]?r(i[n]):((o=new Image).onload=function(){i[n]="loaded",r(i[n])},o.onerror=function(){i[n]="error",r(i[n])},o.src=t)):e("loaded")):u(a,"loading")},this.checkAll=function(){for(var e in p)A.check(p[e])}}function y(e,t){return"undefined"!=typeof getComputedStyle?getComputedStyle(e,null).getPropertyValue(t):e.style[t]}m.PsLazy=function(e={}){function t(e){for(var t=e.path||event.composedPath&&event.composedPath()||e._getPath&&e._getPath(),r=0;r<t.length;r++){var n=t[r];if(n&&"hasAttribute"in n&&n.hasAttribute("ps-lazy-check")){o.format();break}}}function r(){var e=g.querySelector("img[data-share]");e&&!e.getAttribute("src")&&e.setAttribute("src",e.getAttribute("data-share"))}var o=this;n.call(o,e),g.addEventListener("click",t),g.addEventListener("mouseover",t),this.format=function(){var e=g.querySelectorAll("[ps-lazy]");if(!e.length)return!1;for(var t=0;t<e.length;t++)o.add(e[t])},this.format();"complete"===(e=g).readyState||"loaded"===e.readyState?r():m.addEventListener("load",r,!1)}}(window,document); PsLoader.load(["https://static2.51cto.com/edu/blog/blog-static/static/css/pc_detailinline.min.css?v=5c7f42dbda","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_detail.min.css?v=118252b566","https://cdn.51cto.com/jquery/jquery-2.2.4.min.js","https://static2.51cto.com/edu/center/js/interaction_iframe.js","https://cdn.51cto.com/jquery/swiper-4.5.3.js","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_base.min.js?v=300bc61215","https://static2.51cto.com/edu/blog/blog-static/js/mprime.js?v=2cb70144db","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_detail.min.js?v=2535acb529"], function() {})
PsLoader.prefetch(["https://static2.51cto.com/edu/blog/blog-static/static/css/pc_base.min.css?v=2731609498","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_indexinline.min.css?v=e40c304555","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_newIndexinline.min.css?v=7cd4246e43","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_listinline.min.css?v=a365759c73","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_newListinline.min.css?v=fcde138dd1","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_topicinline.min.css?v=47a9bc571c","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_topicdetailinline.min.css?v=512bf305aa","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_bloggerinline.min.css?v=0e63931398","https://static2.51cto.com/edu/blog/blog-static/markdown/dist/js/main.js?v=9fee5bb838","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_index_js.min.js?v=5331660aa2","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_list_js.min.js?v=8973c321c1","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topic.min.js?v=873da4210c","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topic_static.min.js?v=8533cb9e02","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topicdetail.min.js?v=901345e7d5","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_blogger_js.min.js?v=c7a4e3d003"]);
var Lazy = new PsLazy({
defaultImg: "https://s2.51cto.com/images/100/base/empty.png?x-oss-process=image/ignore-error,1",
preLoad: 1.3,
complete: function(opt) {},
})
服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.fwqtg.net
相关推荐: Golang底层实现系列——sync.Map底层实现
[最后更新日期：2023-05-08 18:04] Go中普通的map是非线程安全的，想要线程安全的访问一个map，有两种方式一种是map+mutex另一种就是原生的sync.Map，这篇文章会详细的介绍sync.Map底层是如何实现的，以及一些常用的场景。 …
评论