【html5基础学习速成】

HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的.

目录

1，我们先来学习简单的标签。

2，创建列表

3.创建表单

4，视频获取

5，图片设置以及分区块响应

---

今天我们先从基础开始介绍，我用的是idea编辑器，觉得挺好用的，走Javaweb推荐使用，首先我们先来创建一个HTML文件。

在上面的代码中 !DOCTYPE 表示文档类型，可以删除也可以保留，他是一种自动翻译的语句，在谷歌之类的浏览器中打开会进行自动翻译的（前提是拥有翻译插件），这个是设置的编码为UTF-8的， 在这里就可以设置标题，通过字面意思理解也是这样的，head就是头部，也就是显示在这里的东西。就是你的主体部分，你需要在里面写你的网页标签。

1，我们先来学习简单的标签。

• 粗体标签

夏伯伯

• 斜体标签

斜体

• 下划线标签

haha

• 中划线标签

中划线

• 标题标签

h标签：



标题标签

最多只能有6个h标签，一个h标签独占一行

注意点：

企业开发中，一个界面只能有一个h1标签。

• 段落标签

p标签：

哪些文字是一个段落

格式：
中间是需要段落的文字

注意点：

被p标签包裹的内容，在浏览器中单独占一行

• 分割线标签

hr标签：

在浏览器中显示一条分割线

格式: 


注意点:

在浏览器中单独占据一行

2，创建列表

在创建列表中，可以创建有序列表，当然也就可以创建无序列表，在有序列表中你可以设置他的排序方式：顺序和倒序。还可以设置排列方式，比如：123或者abc等等，下来我们一起实践以下。

• 创建无序列表，ul表示无序标签，li表示每一列有啥。

•  
  
          
  ka
          
  la
      

•  
• 创建有序列表，其中 reversed 表示倒序。

 

        
a
        
12
        
123
    

• 加入三种排序方式的有序列表

    

        
a
        

            
12
            

                
123
            
        

    

3.创建表单

利用FROM进行表单定义

• 单行文本框表单

• 具有占位符的表单

• 浅文字不占字符的表单

• 设置最大输入长度

• 输入文本的最大长度

• 表示只读

• 表示密码

• 表示文本区域 ，row表示大小

 faffafafaffafafa
        

• 按钮设置（三种不同，但是后两者用的比较多）

 
        按钮 
        
        

• 设置滑动条（min和max设置范围，value设置从哪里开始，step设置每次滑动距离）

• 手动输入数字（可以设置大小）

• 点击选择框

 记住我
        

• 进行选择操作

 选择我，不可以取消
       
        
        选择一个符合的 

        haha
        haha
        haha

• 进行选择，不可添加自己的东西

        
            苹果
            苹果
            苹果
        

• 进行选择，可添加自己的东西

• 获取具体格式

  获取邮箱地址
    获取手机号
    获取网页地址
     
     
    隐藏文本框，在服务器建立连接之后显示给后端
    插入图片
    

    

• 获取文件，multiple同时选取多个

4，视频获取

具体看图啊啊啊啊啊啊啊啊啊啊啊啊

5，图片设置以及分区块响应

余生很长，别秃头！！！！！！！！！！！！！！！！！！！！！！！！