第二周笔记-1

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标签:下拉菜单的每一项。

    

             

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值