HTML02

创建表格(展示数据)

... ...

table 定义一个表格
tr 定义表格中的一行
td 定义表格中的单元格

中只能嵌套 相当于一个容器,可以容纳所有元素

表格属性 含义 常用属性值
border 设置表格边框 像素值
cellspacing 设置单元格与单元格边框之间的空白间距 像素值(默认2px)
cellpadding 设置单元格内容和边框之间的空白间距 像素值(默认1px)
width 设置表格宽度 像素值
height 设置表格高度 像素值
align 设置表格在网页中的水平对齐方式 left、center、right

表格结构
头部、主体和页脚(兼容性问题)

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

表头标签:替代相应单元格标签即可;
表格标题:

我是表格标题

合并单元格
跨行合并:rowspan
跨列合并:colspan
合并单元格步骤:
1.先判断跨行合并还是跨列合并
2.讲rowspan或者colspan写在第一个要合并的单元格上
3.将合并的行数和列数写在指定的属性值上
4.讲多余的单元格注释掉

表单
表单标签、表单域、表单按钮
form标签用于定义表单域;

各种表单控件

action属性指定接收处理表单数据的服务器程序url地址;
method用于设置表单数据的提交方式,其值为get或post;
get 明文传输;
post 非明文传输,有请求体;
name 用于指定表单的名称,区分同一个页面中多个表单;

input 控件(单标签)
属性 属性值 描述
text 单行文本输入框
password 密码输入框
radio 单选按钮
checkbox 复选框
type button 普通按钮
submit 提交按钮
reset 重置按钮
image 图像形式的提交按钮
file 文件域
name 由用户自定义 控件的名称
value 由用户自定义 input控件中的默认文本值
size 正整数 input控件在页面中显示宽度
checked checked 定义选择控件默认被选中的项
maxlength 正整数 控件允许输入的最大字符数

radio如果是一组,必须给它们命名相同的名字;

禁用输入框
readonly:可以获得焦点,不可以修改,数据可以传递;
disabled:不可以获得焦点,不可以修改,不可以传递;

CSS 级联样式表
内部样式表、行内样式、外部样式;

font-size 字体大小,常用单位px,em
相对长度单位 说明
em 相对于当前对象内文本的字体尺寸
px 像素

绝对长度单位 说明
in 英寸
cm 厘米
mm 毫米
pt 点

font-weight 字体粗细
font-style 字体风格
normal 默认值,标准字体样式;
italic 斜体;
oblique 倾斜;
font-famil 字体

font:综合设置;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值