CSS——表格结构

使用表格布局时,可将表格划分为头部、主体和页脚(页脚有兼容性问题)。
创建表格的基本格式:


			…
	
	…
单元格内的文字

table用于定义一个表格。
tr用于定义表格中的一行,必须嵌套在table标签中,在table中包含几对tr,就有几行表格。
td/td: 用于定义表格中的单元格,必须嵌套在标签中,一对中包含几对,就表示该行中有多少列(或多少单元格)。

注意: 中只能嵌套标签就像一个容器,可以容纳所有元素。

: 用于定义表格的头部,必须位于

标签中,一般包含网页的logo和导航等头部信息。
用于定义表格主体,位于
标签中,一般包含网页中头部和底部之外的其他内容。

表头标签:
表头一般位于表格第一行或第一列,其文本加粗居中。设置表头只需用表头标签替代单元格标签

表格标题:caption,必须紧随table标签之后,只能对每个表格定义一个标题,通常这个标题会被居中于表格之上。

 
我是表格标题

border 设置表格的边框(默认“border”无边框)
cellspacing 设置单元格与单元格边框之间的空白间距
cellpadding 设置单元格内容与单元格边框之间的空白间距
width 设置表格宽度 height 设置表格高度
align 设置表格在网页中的水平对齐方式

合并单元格:跨行合并:rowspan 跨列合并:colspan
将多个内容合并的时候,就会有多余的东西,把它删除。例如把三个td合并成一个,那就多余了2个,需要删除。

表格提供了HTML中定义表格式数据的方法;表格中由行中的单元格组成;没有列元素,列的个数取决于行的单元格个数;不要纠结于外观。

表单域:
在HTML中,form标签被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。基本语法格式:

各种表单控件
    
用户名:

密 码:

性别:

每个表单都应该有自己的表单域。
常用属性:

  1. Action: 在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的URL地址。
  2. method: 用于设置表单数据的提交方式,其取值为get或post。
  3. name: 用于指定表单的名称,以区分同一个页面中的多个表单。

你可能感兴趣的:(css,学习笔记)