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(个人介绍)

文本框满足不了,文本域输入大量的文字

posted @ 2023-10-09 19:39  齐嘉树  阅读(7)  评论(0编辑  收藏  举报