HTML控件

二、HTML常用的行级标签（行内元素）

• 不独占一行

有语义的行内元素

HTML链接a标签

链接文本

target属性，定义被链接的文档在何处显示

• 默认是当前页面显示
• _blank新窗口打开

    

    跳转到本地的文化(复习.html)
    
    

HTML图像标签

文本标签

• b标签 加粗
• i标签 倾斜
• strong标签 加粗 具有强调意义
• em标签 倾斜 具有强调意义

 
        
        src:图片的地址(网络资源→网络图片地址或本地资源→相对路径) 

        alt:用于图片加载失败的替代文字 

        title:鼠标悬停在图片上的提示信息(可写可不写) 

        width:设置图片宽度 

        height:设置图片高度 

        注意:一般只给图片设置宽度/高度,高度/宽度会等比例自动拉伸 

无语义的行内元素

• span标签 配合css使用

    
        注意:一般只给图片设置宽度/高度,高度/宽度会等比例自动拉伸 

三、常用的实体字符

• > 大于号
• < 小于号
• © 版权号
•   空格

        1>2; 

        1>2; 

        1<2 

        © 

        1 2 

四、表单标签

• 表单是一个包含表单元素的区域
• 通过form元素来定义表单的区域

有以下几个标签：

• text 普通文本输入框
• password 密码输入框
• select 下拉选项框
• file 文件上传选框
• textarea 文本域
• submit 提交按钮
• radio 单选按钮
• reset 重置按钮
• hidden 隐藏域，要和表单一起提交的信息

常用属性：

• name：表单项名，用于存储内容值
• value:输入的值
• disable:禁用属性，不能看也不能修改
• readonly:禁用属性，只能看不能修改
• checked：选择框指定默认选项
• placeholder:提示

注意：

• form 必须有两个存在的属性 action提交地址 method提交方式
• post:通过request body传参，参数不可见，参数没有大小限制
• get:通过URL进行传参，参数可见，不安全，参数有大小限制
• 如果表单内有文件上传需要使用enctype="multipart/form-data"用于文件转码

 
    

        
        用户名： 

          密码： 

        
          性别：

         男 

                 女 

        
         爱好：

         篮球 

         足球 

         乒乓球 

        
        学历：

        
            小学
            初中
            高中
            大学
        
        
        
请选择上传文件：

        
        

        
        请输入个人说明：

        
        

        
         

        提交