html的表格 table
創建表格:
每一個表格以table開始;
每一個表格行以tr開始;
每一個數據以td開始;td的內容可以文本、圖像、表格、表單、段落等。
表格邊框:
border設置邊框的粗細,但無法設置行間距,也無法設置行數據間的間距;
如果表格不設置屬性,則不顯示邊框;
如果boder=0,不顯示邊框。
表頭:
hr表示表頭文字,粗體居中字體。
表中空格:
防止沒有內容的<td></td>不顯示邊框,一般在標籤里設置一個空格佔位符 ;要小寫
多種空格的區別:
 表示一個space按鍵的寬度,使用按鍵產生此空格,空格不會累加,受字體影響。
&emsp表示表示全角空格,使用表示一個中文字符的寬度,不受字體影響;
&ensp表示半角空格,使用表示半個中文字符的寬度,不受字體影響;
&thinsp瘦弱空格,表示6分之一的全角空格;
&zwnj表示用在電子文本之間,用在兩個字符之間,抑制字符間本來的連字,使得字符單獨以原來的字形顯示;
&zwj本身沒有連字效果的字符產生連字效果。
跨行或者跨列的單元格:
單元格:
跨行<td rowspan=2>11</td>表示跨兩行;
跨行<td colspan=2>11</td>表示跨兩列;
頭部:
跨行<th rowspan=2>11</td>表示跨兩行;
跨行<th colspan=2>11</td>表示跨兩列;
內容和單元格的間隔:cellpadding,設置在table標簽里;
單元格間的間距:cellspacing,設置在table標簽中;
背景圖片:background,設置在整個表格中,或者指定單元格;
背景顏色:bgcolor,設置在table中,或者指定單元格;
排列單元格內容:align,設置在td中,或者th中,可以設置的值有left,right
框架:frame屬性設置在table中,frame的值為box(四面邊框)、hsides(雙水平線)、vsides(雙豎線)、above(上邊框線)、below(下邊框線)
參考資料:
https://www.cnblogs.com/chenshihaook/p/6186343.html
html的表格 table的更多相关文章
- jQuery动态对表格Table进行添加或删除行以及修改列值操作
jQuery,不仅可以以少量的代码做很多操作,而且兼容性好(各种浏览器,各种版本). 下面用jQuery动态对表格Table进行添加或删除行以及修改列值操作 1.jQuery代码 <script ...
- BootStrap入门教程 (二) :BASE CSS(排版(Typography),表格(Table),表单(Forms),按钮(Buttons))
上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统. 基于手脚架(Scaffoldin ...
- html表格table设置边框
对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解. 一般我们用表格的时候总会给它个border属性,比如:<table b ...
- css列表list、表格table
列表list,无序列表ul,有序列表ol 1.列表项样式list-style-type 无列表默认为dist实心圆,有序列表默认为decimal阿拉伯数字(前面不带0) 其他无序列表常用none无样式 ...
- 表格(Table)隔行变色
在ASP.NET的Repeater控件,实现隔行变色,是极简单的事情.因为它有ListItemType.Item和ListItemType.AlternatingItem模版.如果在普通的表格(Tab ...
- pre,html转义,abbr缩写,表格table
<pre></pre>预定义文本标签pre(保留换行和空格) <sdds>对html转义 <abbr title="sddsdsds"&g ...
- 表格Table宽度设置无效的解决方法
表格Table宽度设置无效的解决方法 bootstrap中使用table时发现不管用width赋值方式都无法改变table>td的宽度 解决方法: 设置table:table-layout:fi ...
- 2017.9.15 HTML学习总结---表格table
2.7 表格<table>的属性: 属性 用途 width 表格宽度 height 表格高度 align 表格水平对齐 border ...
- jQuery 选择表格(table)里的行和列及改变简单样式
本文只是介绍如何用jQuery语句对表格中行和列进行选择以及一些简单样式改变,希望它可以对jQuery表格处理的深层学习提供一些帮助jQuery对表格(table)的处理提供了相当强大的功能,比如说对 ...
- amazeui学习笔记--css(HTML元素5)--表格Table
amazeui学习笔记--css(HTML元素5)--表格Table 一.总结 1.基本样式:am-table:直接模块名 <table class="am-table"& ...
随机推荐
- nodeJS之Cookie和Session(一)
nodeJS之Cookie和Session(一) 一:Cookie HTTP是一个无状态协议,客户端每次发出请求时候,下一次请求得不到上一次请求的数据,那么如何将上一次请求和下一次请求的数据关联起 ...
- linux安装jenkins和编译发布gitlib项目
1. jenkins下载地址 wget https://updates.jenkins-ci.org/download/war/2.138/jenkins.war 2. 安装插件 安装gitlib和m ...
- 看不懂霍尔效应的直接看视频https://www.bilibili.com/video/av11446173/
霍尔效应: 有些手机带有皮盖,就是皮盖打开的时候手机自动亮屏,皮盖和上的时候手机自动黑屏,利用的就是霍尔传感器,其实皮盖里面就是有个小磁铁而已: 当然了霍尔效应的电压也就几个毫伏,很小,所以得放大才能 ...
- Linux命令——cat/less/more的区别
cat命令:用于显示整个文件的内容,单独使用没有翻页功能,经常和 more 命令搭配使用,cat 命令还可以将数个文件合并成一个文件. more命令:让画面在显示满一页时暂停,此时可按空格健继续显示下 ...
- Oracle 把查询的多个字段赋值给多个变量
select f1,f2,f3 into v1,v2,v3 from tab1
- CF662C Binary Table FWT
传送门 \(N \leq 20\)很小诶 一个暴力的思路是枚举行的翻转状态然后在列上贪心 复杂度为\(O(2^NM)\)显然过不去 考虑到可能有若干列的初始状态是一样的,那么在任意反转之后他们贪心的策 ...
- ES6 Promise 异步操作
最近越来越喜欢与大家进行资源分享了,并且及时的同步到自己的园子内,为什么呢? 一.小插曲(气氛搞起) 在上个月末,由于领导的高度重视(haha,这个高度是有多高呢,185就好了),走进了公司骨干员工的 ...
- EZ 2018 06 17 NOIP2018 模拟赛(十九)
这次的题目难得的水,但是由于许多哲学的原因,第二题题意表述很迷. 然后是真的猜题意了搞了. 不过这样都可以涨Rating我也是服了. Upt:链接莫名又消失了 A. 「NOIP2017模拟赛11.03 ...
- 最全的前端Git基础命令,看完保证你会!
常见信息 master: 默认开发分支 origin:默认远程版本库 Head: 默认开发分支 Head^:Head 的父提交 创建新仓库 git init git init [project-nam ...
- RuntimeError: Python is not installed as a framework 错误解决方案
在virtualenv环境下使用matplotlib绘图时遇到了这样的问题: >>> import matplotlib.pyplot as pltTraceback (most r ...