HTML标签属性

1.标签由标签名、标签属性和文本内容三部分组成(注意:单标签没有文本内容)。
2.标签属性是对标签的一种描述方式。
3.标签属性分通用属性、自有属性和自定义属性。
4.通用属性:所有标签都具有的属性(除<br />标签外)。
    通用属性有:
        id:用来给标签取一个唯一的名称。id名称在一个网页必须是唯一的。
        class:用来给标签取一个类名。
        style:用来设置该标签的行内样式。
        title:当鼠标移到该标签,所显示的提示内容。
5.自定义标签属性:通常用来传值或用于图片懒加载等方面。
    格式:data-*
    <img data-src="图片名" alt="提示文本"/>
    <p data-id="goodsid">...</p>
6.table主要用于呈现格式化数据。表格是由行和列组成。
    格式:
        <table>
            <tr>
                <th></th>
                <td></td>
                …
            </tr>
            ...
        </table>
7.table属性
    border:表格边框,默认单位是像素
    width:表格宽度,默认单位是像素
    align:表格对齐方式(left(默认)/center/right)
    cellpadding:单元格文本与边框的距离
    cellspacing:单元格边框间距
8.跨行/跨列属性主要用来绘制复杂表格。
    rowspan:跨行
    colspan:跨列
9.完整表格组成:caption(标题)、thead(表头)、tbody(表体)和tfoot(表尾)四部分组成。
10.form表单标签是所有标签最核心标签之一。它是用来实现前后端交互的一个重要标签。
    常用属性:
        name:表单名称
        action:表单数据提交的地方(通常是一个后台文件名(.jsp/.php/.asp/.aspx/.py等),或网址)。如果是#,表示提交到当前文件下。
        method:前端提交数据到后端的方法,主要有:get和post,默认的是get。
11.表单元素分为:
    1)input类:主用用来输入,选择或发出指令。
        type:text/password/radio/checkbox/file/button/image/submit/reset
            a.text:单行文本输入框 type="text"可以不写,默认值。
                属性:placeholder(提示)/name(命名)/minlength和maxlength(最少/多输入的字符个数)/disabled(失效)/readonly(只读)
                      value(默认值)/pattern(正则匹配)
            b.password:密码框 属性与text一样
            c.radio:单选钮,通常是两项以上。常用属性有:name(必须要有)/value/checked(选中)/disabled(失效)/readonly(只读)
            d.checkbox:复选框,可以用来选择0项、1项或多项。
                常用属性有:name(必须要有)/value/checked(默认选中)/disabled(失效)/readonly(只读)
            e.file:文件上传按钮
            f.button:普通按钮,通常用它去调用脚本代码。
                常用属性有:value(按钮的标题)/disabled(失效)
            g.image:图片按钮,用法与button一样。有一个特殊属性:src(用来加载提示图片,用它替换了value)
                它有提交功能,与submit功能一样。
            h.submit:提交按钮,用来将表单数据提交到后台。
                常用属性有:value(按钮的标题)/disabled(失效)
            j.reset:重置按钮,将表单所有组件输入的内容全部清空,还原为初始状态。
                常用属性有:value(按钮的标题)/disabled(失效)
    2)textarea类
        文本域(也可以叫多行文本框),主要用于输入大批量的文本内容。
        常用属性:name/id/cols(列数)/rows(行数)/placeholder/minlength/maxlength/required(必须输入)/value
    3)select类
        下拉列表框,默认用于单项选择。用option呈现每个选项。

         multiple属性:表示可以多选,这时的下拉列表框变成了列表框

        size:最多显示的行数
    4)button类
        普通按钮,具有提交功能。可以单独使用,不写在form元素中;如果写在form中,有提交功能。

  • 3
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

文哲爱学习

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值