HTML-02(pink老师课程笔记)
表格标签-显示数据
基本组成:table、tr-行、td-单元格
没有列的概念
突出表头单元格th-加粗居中
表格属性—css
在table标签内
align | left/center/right | 元素对齐方式 |
---|---|---|
border | 1或"" | 是否边框 |
cellpadding | 像素值 | 单元格与其内容间的空白 |
cellspacing | 像素值 | 单元格间的空白 |
width | 像素值 | 表格宽度 |
表格结构标签
表头区域-thead
主体区域-tbody
在table内,thead中包含tr
合并单元格
跨行合并:rowspan="个数"
跨列合并:colspan="个数"
目标单元格:上、左
在目标单元格td后添加rowspan/colspan="合并的单元格个数",最后删除多余的单元格
列表标签-布局
无序、有序、自定义
无序ul、li
ul内只能放li,li内可以放任何元素
有序ol、li
自定义dl、dt-大哥、dd-小弟
dl中只能包含dt和dd,通常是一个dt对应多个dd
dt和dd是并列关系
表单标签-注册账号时填写的用户信息
组成:表单域、表单控件(表单元素)—填写信息、提示信息
表单域-form
包含表元素的区域,将范围内的表单元素提交给服务器
常用属性
action | url地址,指定接收的服务器的url地址 |
---|---|
method | get/post,表单提交方式 |
name | 表单名称 |
表单控件
input输入元素
单标签 input type=”“
text | 文本 |
---|---|
password | 密码 |
radio | 单选 |
checkbok | 多选 |
name | 名字 |
value | 值 |
checked | 默认选中 |
maxlength | 最大长度 |
radio/checkbox + name实现单/多选一
单选和复选要有相同的name值
name和value一般后台使用
前四个为type属性,后四个单独分别为属性
submit | 提交 |
---|---|
reset | 重置 |
buttun | 可点击按钮 |
file | 上传文件 |
上表也为type属性
label标签——标注标签,绑定一个表单元素 for、id
select下拉元素——select、option(籍贯)
selected=seleted-默认选定
select至少含有一对option
textarea文本域——textarea row=3 col=4(个人介绍)
文本框满足不了,文本域输入大量的文字