首页前端开发JavaScripthtml表格标签

html表格标签

时间2024-01-29 06:29:02发布访客分类JavaScript浏览712
导读:收集整理的这篇文章主要介绍了html表格标签,觉得挺不错的,现在分享给大家,也给大家做个参考。在网页制作之中,表格标签是常用的标签之一,比如制作表格,或者利用表格的整齐性来设置页面布局。<table></table>...
收集整理的这篇文章主要介绍了html表格标签,觉得挺不错的,现在分享给大家,也给大家做个参考。

在网页制作之中,表格标签是常用的标签之一,比如制作表格,或者利用表格的整齐性来设置页面布局。

table> /table> 来用来制作表格,所以制作表格的语句在其之间;tr> /tr> 则修饰表格行;而td> /td> 修饰表格数据,这包含在tr> /tr> 中。

其中table有不少属性,比如:border,bordercolor,cellspacing,width,height,bgcolor。boder表示外框边线的粗细,bodercolor表示边线的颜色,cellspacing表示单元格之间的空隙,width表示表格的宽,height表示表格的高,bgcolor表示背景色。

htML>
    meta http-equiv="Content-tyPE" content="text/html;
     charset=utf-8" />
     head>
    	tITle size="10" color="red">
    welcome to HTML/title>
    /head>
    body>
    	table border="1" bordercolor="blue" cellspacing="0" width="400" height="150">
    			tr align="center">
    			td>
    姓名/td>
    			td>
    性别/td>
    			td>
    年龄/td>
    		/tr>
    		tr>
    			td>
    carson/td>
    			td>
    男/td>
    			td>
    24/td>
    		/tr>
    		tr>
    			td>
    thl/td>
    			td>
    女/td>
    			td>
    24/td>
    		/tr>
    		tr>
    			td>
    Alice/td>
    			td>
    女/td>
    			td>
    24/td>
    		/tr>
    			/table>
    /body>
    /html>
    

效果图:

以上就是html表格标签的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html表格

若转载请注明出处: html表格标签
本文地址: https://pptw.com/jishu/590721.html
HTML 的 标签</a></span> <span class="next"><a href="https://pptw.com/jishu/590722.html" title="下一篇:HTML5 浏览器支持">HTML5 浏览器支持</a></span> </section> </article> <div class="pptw-related-box-com erx-m-bot erx-related-box"> <ul class="pptw-related-list-com erx-flex erx-related-list"> <li><a href="https://pptw.com/jishu/655145.html" title="HTML如何更改按钮颜色,方法是什么">HTML如何更改按钮颜色,方法是什么</a></li> <li><a href="https://pptw.com/jishu/655142.html" title="HTML设置表格大小的方法是什么">HTML设置表格大小的方法是什么</a></li> <li><a href="https://pptw.com/jishu/655140.html" title="HTML中怎样实现网页音乐播放器功能">HTML中怎样实现网页音乐播放器功能</a></li> <li><a href="https://pptw.com/jishu/655138.html" title="HTML的行内块状级元素包括什么">HTML的行内块状级元素包括什么</a></li> <li><a href="https://pptw.com/jishu/655137.html" title="HTML项目中如何实现按钮功能">HTML项目中如何实现按钮功能</a></li> <li><a href="https://pptw.com/jishu/655116.html" title="jQuery怎样实现表格隔行颜色不同效果">jQuery怎样实现表格隔行颜色不同效果</a></li> <li><a href="https://pptw.com/jishu/655102.html" title="HTML中如何隐藏td标签,有哪些方法">HTML中如何隐藏td标签,有哪些方法</a></li> <li><a href="https://pptw.com/jishu/655097.html" title="HTML中在图片上加文字的操作是什么">HTML中在图片上加文字的操作是什么</a></li> <li><a href="https://pptw.com/jishu/655093.html" title="HTML页面中超链接文本颜色怎样修改">HTML页面中超链接文本颜色怎样修改</a></li> <li><a href="https://pptw.com/jishu/655091.html" title="HTML页面显示图片有哪些方式">HTML页面显示图片有哪些方式</a></li> </ul> </div> <!--评论框--> <div id="divCommentPost" class="pptw-cpost-com cpost"> <a rel="nofollow" id="cancel-reply" href="#divCommentPost" style="display:none;" title="取消回复">✕</a> <form id="frmSumbit" target="_self" method="post" action="https://pptw.com/zb_system/cmd.php?act=cmt&postid=590721&key=f78e3afac3eeaab11d14f0a0d8dd609d" > <input type="hidden" name="inpId" id="inpId" value="590721"> <input type="hidden" name="inpRevID" id="inpRevID" value="0"> <p><textarea name="txaArticle" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" ></textarea></p> <div class="erx-flex post-item"> <p class="item"><input type="text" name="inpName" id="inpName" class="text" value="访客" size="28" tabindex="1"> <label for="inpName">名称(*)</label></p> <p class="item emial"><input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="28" tabindex="2"> <label for="inpEmail">邮箱</label></p> </div> <div class="erx-flex post-bot"><span class="ti"><b>游客</b> 回复需填写必要信息</span><input name="sumbit" type="submit" tabindex="6" value="提交" onclick="return zbp.comment.post()" class="button"></div> </form> </div><label id="AjaxCommentBegin"></label> <!--评论输出--> <label id="AjaxCommentEnd"></label> </main> <aside class="pptw-sidebar-com erx-sidebar"> <dl class="pptw-function-com function"> <dt class="function_t">相邻内容</dt> <dd class="function_c"> <ul class="pptw-side-list-com erx-side-list"> <li><a href="https://pptw.com/jishu/590726.html" title="HTML5 地理定位">HTML5 地理定位</a></li><li><a href="https://pptw.com/jishu/590725.html" title="html常用标签及属性">html常用标签及属性</a></li><li><a href="https://pptw.com/jishu/590724.html" title="HTML 代码约定">HTML 代码约定</a></li><li><a href="https://pptw.com/jishu/590723.html" title="HTML5 Canvas">HTML5 Canvas</a></li><li><a href="https://pptw.com/jishu/590722.html" title="HTML5 浏览器支持">HTML5 浏览器支持</a></li><li><a href="https://pptw.com/jishu/590720.html" title="HTML 的<title> 标签">HTML 的<title> 标签</a></li><li><a href="https://pptw.com/jishu/590719.html" title="什么是 HTML5?">什么是 HTML5?</a></li><li><a href="https://pptw.com/jishu/590718.html" title="html表格边框">html表格边框</a></li><li><a href="https://pptw.com/jishu/590717.html" title="HTML的 <nav> 标签">HTML的 <nav> 标签</a></li> </ul> </dd> </dl> <dl class="function" id="divSearchPanel"> <dt class="function_t">搜索</dt><dd class="function_c"> <div><form name="search" method="post" action="https://pptw.com/zb_system/cmd.php?act=search"><label><span style="position:absolute;color:transparent;z-index:-9999;">Search</span><input type="text" name="q" size="11" /></label> <input type="submit" value="搜索" /></form></div> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最近发表</dt><dd class="function_c"> <ul><li><a title="MySQL数据类型如何查询" href="https://pptw.com/jishu/705769.html">MySQL数据类型如何查询</a></li> <li><a title="MySQL数据类型怎样设置" href="https://pptw.com/jishu/705768.html">MySQL数据类型怎样设置</a></li> <li><a title="MySQL数据类型性能怎样" href="https://pptw.com/jishu/705767.html">MySQL数据类型性能怎样</a></li> <li><a title="MySQL数据类型如何修改" href="https://pptw.com/jishu/705766.html">MySQL数据类型如何修改</a></li> <li><a title="MySQL外键约束会影响吗" href="https://pptw.com/jishu/705765.html">MySQL外键约束会影响吗</a></li> <li><a title="MySQL数据类型怎样使用" href="https://pptw.com/jishu/705764.html">MySQL数据类型怎样使用</a></li> <li><a title="MySQL外键约束会出错吗" href="https://pptw.com/jishu/705763.html">MySQL外键约束会出错吗</a></li> <li><a title="MySQL外键约束适用场景" href="https://pptw.com/jishu/705762.html">MySQL外键约束适用场景</a></li> <li><a title="MySQL外键约束用处在哪" href="https://pptw.com/jishu/705761.html">MySQL外键约束用处在哪</a></li> <li><a title="MySQL外键约束如何维护" href="https://pptw.com/jishu/705760.html">MySQL外键约束如何维护</a></li> </ul> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="php" href="https://pptw.com/php/">php<span class="tag-count"> (3322)</span></a></li> <li><a title="java" href="https://pptw.com/java/">java<span class="tag-count"> (3177)</span></a></li> <li><a title="程序员" href="https://pptw.com/%E7%A8%8B%E5%BA%8F%E5%91%98/">程序员<span class="tag-count"> (2779)</span></a></li> <li><a title="服务器" href="https://pptw.com/%E6%9C%8D%E5%8A%A1%E5%99%A8/">服务器<span class="tag-count"> (1445)</span></a></li> <li><a title="html" href="https://pptw.com/html/">html<span class="tag-count"> (831)</span></a></li> <li><a title="html5" href="https://pptw.com/html5/">html5<span class="tag-count"> (1036)</span></a></li> <li><a title="python" href="https://pptw.com/python/">python<span class="tag-count"> (3182)</span></a></li> <li><a title="div" href="https://pptw.com/div/">div<span class="tag-count"> (821)</span></a></li> <li><a title="猜你在找的html5相关文章 关于移动端h5开发相关内容总结" href="https://pptw.com/%E7%8C%9C%E4%BD%A0%E5%9C%A8%E6%89%BE%E7%9A%84html5%E7%9B%B8%E5%85%B3%E6%96%87%E7%AB%A0%20%E5%85%B3%E4%BA%8E%E7%A7%BB%E5%8A%A8%E7%AB%AFh5%E5%BC%80%E5%8F%91%E7%9B%B8%E5%85%B3%E5%86%85%E5%AE%B9%E6%80%BB%E7%BB%93/">猜你在找的html5相关文章 关于移动端h5开发相关内容总结<span class="tag-count"> (747)</span></a></li> <li><a title="2022-05-17html5教程-学表单的第二天" href="https://pptw.com/2022-05-17html5%E6%95%99%E7%A8%8B-%E5%AD%A6%E8%A1%A8%E5%8D%95%E7%9A%84%E7%AC%AC%E4%BA%8C%E5%A4%A9/">2022-05-17html5教程-学表单的第二天<span class="tag-count"> (741)</span></a></li> <li><a title="更多" href="https://pptw.com/%E6%9B%B4%E5%A4%9A/">更多<span class="tag-count"> (2775)</span></a></li> <li><a title="load" href="https://pptw.com/load/">load<span class="tag-count"> (1845)</span></a></li> <li><a title="HTML" href="https://pptw.com/HTML/">HTML<span class="tag-count"> (913)</span></a></li> <li><a title="post-format-gallery" href="https://pptw.com/post-format-gallery/">post-format-gallery<span class="tag-count"> (1823)</span></a></li> <li><a title="猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍" href="https://pptw.com/%E7%8C%9C%E4%BD%A0%E5%9C%A8%E6%89%BE%E7%9A%84JavaScript%E7%9B%B8%E5%85%B3%E6%96%87%E7%AB%A0%20html%20font%E6%A0%87%E7%AD%BE%E5%A6%82%E4%BD%95%E8%AE%BE%E7%BD%AE%E5%AD%97%E4%BD%93%E5%A4%A7%E5%B0%8F%EF%BC%9Fhtml%20font%E6%A0%87%E7%AD%BE%E5%B1%9E%E6%80%A7%E7%94%A8%E6%B3%95%E4%BB%8B%E7%BB%8D/">猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍<span class="tag-count"> (951)</span></a></li> <li><a title="2022-05-16vue3+TypeScript+vue-router的使用方法" href="https://pptw.com/2022-05-16vue3%2BTypeScript%2Bvue-router%E7%9A%84%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95/">2022-05-16vue3+TypeScript+vue-router的使用方法<span class="tag-count"> (945)</span></a></li> <li><a title="2022-04-16vue3获取当前路由地址" href="https://pptw.com/2022-04-16vue3%E8%8E%B7%E5%8F%96%E5%BD%93%E5%89%8D%E8%B7%AF%E7%94%B1%E5%9C%B0%E5%9D%80/">2022-04-16vue3获取当前路由地址<span class="tag-count"> (940)</span></a></li> <li><a title="2022-04-16如何利用React实现图片识别App" href="https://pptw.com/2022-04-16%E5%A6%82%E4%BD%95%E5%88%A9%E7%94%A8React%E5%AE%9E%E7%8E%B0%E5%9B%BE%E7%89%87%E8%AF%86%E5%88%ABApp/">2022-04-16如何利用React实现图片识别App<span class="tag-count"> (938)</span></a></li> <li><a title="2022-04-16JavaScript展开运算符和剩余运算符的区别详解" href="https://pptw.com/2022-04-16JavaScript%E5%B1%95%E5%BC%80%E8%BF%90%E7%AE%97%E7%AC%A6%E5%92%8C%E5%89%A9%E4%BD%99%E8%BF%90%E7%AE%97%E7%AC%A6%E7%9A%84%E5%8C%BA%E5%88%AB%E8%AF%A6%E8%A7%A3/">2022-04-16JavaScript展开运算符和剩余运算符的区别详解<span class="tag-count"> (938)</span></a></li> <li><a title="2022-04-16微信小程序中使用vant框架的具体步骤" href="https://pptw.com/2022-04-16%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%AD%E4%BD%BF%E7%94%A8vant%E6%A1%86%E6%9E%B6%E7%9A%84%E5%85%B7%E4%BD%93%E6%AD%A5%E9%AA%A4/">2022-04-16微信小程序中使用vant框架的具体步骤<span class="tag-count"> (938)</span></a></li> <li><a title="2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解" href="https://pptw.com/2022-04-16Vue%C2%A0elementUI%E8%A1%A8%E5%8D%95%E5%B5%8C%E5%A5%97%E8%A1%A8%E6%A0%BC%E5%B9%B6%E5%AF%B9%E6%AF%8F%E8%A1%8C%E8%BF%9B%E8%A1%8C%E6%A0%A1%E9%AA%8C%E8%AF%A6%E8%A7%A3/">2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解<span class="tag-count"> (938)</span></a></li> <li><a title="2022-04-16如何利用Typescript封装本地存储" href="https://pptw.com/2022-04-16%E5%A6%82%E4%BD%95%E5%88%A9%E7%94%A8Typescript%E5%B0%81%E8%A3%85%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/">2022-04-16如何利用Typescript封装本地存储<span class="tag-count"> (935)</span></a></li> <li><a title="2022-04-16微信小程序中wxs文件的一些妙用分享" href="https://pptw.com/2022-04-16%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%ADwxs%E6%96%87%E4%BB%B6%E7%9A%84%E4%B8%80%E4%BA%9B%E5%A6%99%E7%94%A8%E5%88%86%E4%BA%AB/">2022-04-16微信小程序中wxs文件的一些妙用分享<span class="tag-count"> (935)</span></a></li> <li><a title="2022-04-16JavaScript的Set数据结构详解" href="https://pptw.com/2022-04-16JavaScript%E7%9A%84Set%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E8%AF%A6%E8%A7%A3/">2022-04-16JavaScript的Set数据结构详解<span class="tag-count"> (935)</span></a></li> <li><a title="2022-04-16 其他相关热搜词" href="https://pptw.com/2022-04-16%20%20%20%20%20%20%20%20%20%20%20%20%20%20%E5%85%B6%E4%BB%96%E7%9B%B8%E5%85%B3%E7%83%AD%E6%90%9C%E8%AF%8D/">2022-04-16 其他相关热搜词<span class="tag-count"> (1215)</span></a></li> </ul> </dd> </dl> </aside> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?2919cb573f03f201ca897c5138f8bdbb"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <footer class="pptw-footer-com footer"> <div class="pptw-wrap-com erx-wrap"> <p class="footmsg">Powered by <a href="https://pptw.com" target="_blank">PPTW技术分享</a> Themes by <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">渝ICP备2021004463号</a></p> <p class="copyright">Copyright 2023 PPTW.COM Rights Reserved.</p> </div> </footer> <a href="#top" title="返回顶部" class="pptw-gotop-com erx-gotop">↑</a> <link rel="stylesheet" href="https://pptw.com/zb_users/plugin/social_share/css/share.min.css" /> <script src="https://pptw.com/zb_users/plugin/social_share/js/social-share.min.js"></script> <link rel="stylesheet" href="https://pptw.com/zb_users/plugin/Jz52_code/Jz52_code.css"><script src="https://pptw.com/zb_users/plugin/Jz52_code/clipboard.min.js"></script><script src="https://pptw.com/zb_users/plugin/Jz52_code/Jz52_code.js" type="text/javascript"/></script><!----> </body> </html><!--8,053.86 ms , 15 queries , 6315kb memory , 0 error-->