集训笔记-table,ol,ul,dl(dt,dd)


1. 表格
---------------------------------------------
 
1.1. 定义:按一定的规则去填写/展示数据
1.2. 语法:
1.2.1. 创建表格,语法:<table></table>
 *属性:
 align
 width
 height
 border 边框
 bgcolor = "#rgb" 背景颜色,取值以px为单位的数值或者16进制的数值 
 cellspacing 单元格与单元格之间的距离,取值,默认1px,一般为0
 cellpadding 单元格与内容之间的距离,px

 
 【RGB】#AFD8CD
175,AF
/216,D8
/205,CD
 

【补充】
 十进制,逢十进一{0-9}

 十六进制,逢十六进一,{0-9,a-f}

(十进制)85 = 0X55

0x85 = (十进制)8*16^1+5*16^0 = (十进制133)
0xC919 = (十进制)12*16^3+9*16^2+1*16^1+9*16^0 = (十进制)51481
(十进制)178 = 11*16^1+2*16^0 = 0xB2

(十进制)214 = 13*16^1+6*16^0 = 0xD6 
(十进制)201 = 12*16^1+9*16^0 = 0xC6

1.2.2. 创建表头,语法:<caption></caption>
 
1.2.3. 创建行,语法:<tr></tr>
 行可以设置width
 行可以设置height
 align
 
1.2.4. 创建列<td></td>;<th></th>(加粗,居中)
 行可以设置width,宽,设置某一行中的
 行不能设置height
 align,在水平方向排列方式
 bgcolor
 valign,元素在垂直方向的排列方式
  取值:top/middle(默认)/botton
 

2. 不规则表格
 
 单元格合并

 跨列合并,从指定单元格开始,从左到右,合并若干个单元格,被合并的单元格要删除。语法:<td colspan = "被合并单元格数量"></td>
 
 跨行合并,从指定单元格开始,从上到下,合并若干个单元格,被合并的单元格要删除。语法:<td rowspan = ""></td>



3. 列表
3.1. 定义:按照一定逻辑规矩去显示数据。
3.2.有序列表
 语法:<ol></ol> ,order list
 属性:
 type,有序列表的排列方式,取值:

  数字1(默认)按照阿拉伯数字方式排列
  字母a(小写) 按照小写字母顺序方式
  字母A(小写) 按照大写字母顺序方式
  罗马数字(小写) i,按照小写罗马数字顺序方式
  罗马数字(大写) i,按照大写罗马数字顺序方式
 start,起始位置,默认1,取值,数值

 
3.3. 无序列表
 语法:<ul></ul> unorder list
 typt 无序列表的排列方式,取值
  disc(默认) 实心小圆点
  circle 空心小圆点
  square
  none

3.4 定义列表
 *创建一个定义列表
  语法:<dl></dl>
 *创建一个需要被修饰的内容<dt></dt>

 *修饰上述内容<dd></dd>,如果一个不够,可以写多个

 适用场合:图文混搭



列表项:<li></li>















 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值