1、dl标签表示自定义标签的整体,里面只允许包含dt、dd标签;
2、表格标签
table标签:表格整体,用于包裹多个tr;
tr标签:表格每行,可用于包裹td;
td标签:表格单元格,可用于包裹内容;
标签的嵌套关系:table>tr>td。
3、 表格的的属性(把表格的线、大小、宽度等表现出来,实际开发时针对样式推荐使用CSS设置)
border标签:边框宽度(属性:数字)
width标签:表格宽度(属性:数字)
height标签:表格高度(属性:数字)
4、表格标题和表头单元格标签
caption标签(表格大标题):单元格整体大标签,默认在表格整体顶部居中位置显示;
th标签(表头单元格):表示一列小标题,通常用于表格第一行,默认内部文字加粗并居中显示;
注意:caption标签写在table内部;
th标签写在tr标签内部(用于替换td标签);
5、表格的结构标签(突出表格的不同部分)
thead标签:表格头部;tbody标签:表格主体;tfoot标签:表格底部。
6、合并单元格(将水平或者垂直的单元格合并成一个)
跨行合并(垂直合并)跨列合并(水平合并)
上下合并只保留最上的;左右合并只保留最左的。
rowspan标签:跨行合并;
colspan标签:跨列合并;
注意:只有同一个结构标签的单元格才能合并,不能跨结构标签合并
表单使用的地方:登录、注册、搜索。
7、表单标签
文本框:placeholder用于提示用户输入内容的文本;
密码框:默认输入的密码形式是点。
单选框属性:name:分组,有相同name属性值的单选框为一组,一组中同时只能有一个框被选中,其中的值自己定;
checked:默认选中(加在name之后)。
上传多文件:multiple
8、表单按钮input
如果需要实现以上按钮功能,需要配合form标签使用 ;
form使用方法:用form标签把表单标签一起包裹起来即可;
如果按钮想改变说明需要用到value。
9、select下拉菜单标签
select标签:下拉菜单的整体(下拉菜单中的默认选中);
option标签:下拉菜单的每一项。