WEB前端之----HTML

1.字符实体

1、&nbsp: 空格
2、&lt:    小于
3、&gt:    大于
4、&copy:  版权符号
5、&yen:   人民币符号
6、&reg:	注册标志<br/>
7、&hearts:	心型<br/>
8、&frac12:二分之一<br/>

2.图片与超链接

1、图片
    <img src="" width="宽度像素值" height="高度像素值" 
        title="鼠标悬停在图片上方时的显示文本"
        alt="图片加载失败时的文本">
    注意:宽高尺寸只给一个值,另外一个方向会自适应
2、超链接标签:
    <a href="链接地址">超链接文本</a>
    属性:target:设置目标的打开方式 取值:
                _self(当前窗口打开)  
                _blank(新建窗口打开)
         href: ""(连接至本页并刷新) 
               "javascript:void(0)"(链接至本页,不刷新)
               "#"(链接到本页的锚点位置)      

3.表格单元格合并

1、跨列合并:colspan  取值无单位的数值,表示跨几列
2、跨行合并:rowspan  取值无单位的数值,表示跨几行

4.表单控件

1、表单控件的数据只有放在表单元素中才可以被提交
2、分类:
1、文本框和密码框
    文本框 <input type="text">
    密码框 <input type="password">
    标签属性:
        1、type 指定控件类型
        2、name 指定控件名称,缺少无法提交
        3、value 指定的控件的值,可以通过JS获取
        4、maxlength 最大输入字符数
        5、placeholder 设置提示文本
        6、autocomplete 设置是否自动补全,默认开启 on/off 
2、单选和复选框
    单选钮 <input type="radio">
    复选框 <input type="checkbox>
    标签属性: 
        1、type 
        2、name 控件名称,一组的按钮控件名称必须保持一致,实现单选
        3、value 定义控件的值,最终发送给服务器,按钮的value属性必须指定
        4、checked 表示选中当前按钮
    特殊用法 label for id 
        将按钮文本与按钮控件绑定在一起,实现点击文本与点击控件等价的效果
            1、<label>按钮文本</label>
            2、为控件添加ID属性,属性值自定义
            3、为label的添加for 属性,属性值与控件的ID属性保持一致,实现文本与控件的绑定
3、隐藏域和文件选择框
    1、隐藏域:需要提交给服务器,但是不需要呈献给用户的内容,都可以使用隐藏域表示
        <input type="hidden" name="uid" value="001">
            name 定义控件名称,
            value 设置控件值,都是必填项
    2、文件选择框
        <input type="file" name="">
        涉及二进制数据提交,文件、图片、MP3,需要设置form表单中的enctype属性,指定数据提交方式为post
4、下拉选择框
    <select name="address">
        <option value="beijing">北京</option>
        <option value="shanghai">上海</option>
         ...
    </select>
5、文本域,支持多行输入
    <textarea name="uinfo"></textarea>
    标签属性: 
        1、cols:设置文本域默认宽度,宽度通过列数控制,以英文字符数量为准,中文字符减半
        2、rows:指定文本域的行数
        特点:文本域的大小可以由用户手动调整
6、按钮
    提交按钮:点击时将表单数据发送给服务器
        <input type="sumit" value="设置按钮的显示文本">
    重置按钮:点击时将表单数据还原成默认状态
        <input type="reset" value="设置按钮的显示文本">
    普通按钮
        <input type="botton" value="设置显示文本">
        绑定自定义事件
    4、<botton>按钮显示文本</button>
        按钮标签可以在HTML中任意地方使用,需要绑定自定义事件
        如果botton按钮标签放在form表单中使用,默认具备提交功能,等同于sumit

猜你喜欢

转载自blog.csdn.net/qq_43192730/article/details/89459975