5月27日笔记---表格合并、表单、音视频

                  表格的合并

1、body标签后跟table表格标签(双标签),table后跟tr(行),tr后跟td(列)
2、快捷方式:table>tr4>td4(4行4列)
3、表格的合并:如要将第一行第一列与第一行第二列合并,则在第一行第一列即td后加上colspan=“2” 再将第一行第二列的td注释掉(ctrl+?)
4、合并行加rowspan ,合并列加colspan
表单的练习
body后跟form action="…">/form>
与 input type 标签配合的有:
1、text(如账号,可见);
2、password(如密码,不可见)
3、radio(单选标签,如性别,必须与name标签共用,如name=“sex”,后加文字男或女)
4、checkbox(多选标签,如爱好)
5、label(一般包裹在radio checkbox标签外面,实现点击文字也会选中的效果 )
6、button(按钮标签,后跟value="…",进行附值)
7、submit(提交标签,不用跟value,系统直接默认)
8、rese(重置)
9、number(数字标签,如年龄)
10、file(单文件上传标签)
11、multiple(多文件上传 用法:input type=“file” multiple />,选择多文件时按 ctrl)
12、placeholder(常用在text、password等后面,可对文框内容备注一下)
13、checked(常用在单双选标签中,表示默认,如在性别后直接加上即可)
14、selected(用在option 后,直接加即可)
15、autofocus(表示自动焦点,直接在文本框加即可)
16、maxlength(表示最长字符限制,常用在文本框中 如maxlength=“8”)
17、datalist(双标签,显示下拉菜单,后接id="…",比select好一些,可以输入关键字自动出现)(前 面接input type=“text” value=“西游记” list="…")
18、image–src(图片标签)
19、email、tel、date等

      不与input配合的标签

20、select–option(下拉菜单,如出生日期)
21、fieldset(双标签)–legend(双标签,包裹体检表)(如体检表)
22、textarea–cols\rows(如备注信息)
23、size(常用在文本框中,表示宽)
24、required(表示为必填项)
25、disabled(表示禁用)
音视频的插入
26、音频:audio(使用:在body后,尖括号里加audio src="…",内容找法:找到一个视频,按f12,找到再复制)
27、视频:video
28、controls(播放按钮)
29、autoplay(自动播放)
30、loop(循环播放,值为-1时为无限循环)

你可能感兴趣的:(5月27日笔记---表格合并、表单、音视频)