#HTML

注释

告诉浏览器，用什么规范

网页头部 描述性标签，用来描述我们网页的信息,一般是用来做 网页主体

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

<!--段落标签-->
<p></p>
<!--换行标签-->
<br/>
<!--水平线标签-->
<hr>
<!--字体样式标签-->
<!--粗体-->
<strong></strong>
<!--斜体->
<em></em>

<!--特殊符号->
空格:&nbsp
大于号:&gt;
小于号:&lt;
版权符号：&copy;

<!--图片标签->
<img src="相对路径/绝对路径" alt="没有加载图片，可以输出" title="悬停文字" width="宽" height="高">


<!--有序列表-->
<ol>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
</ol>
<!--无序列表-->
<ul>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
    <li>1</li>
</ul>
<!--自定义列表-->
<dl>
    <dt>学科</dt><!--标题-->
    <dd>1</dd><!--内容-->
    <dd>2</dd>
    <dd>3</dd>
    <dd>4</dd>
    <dd>5</dd>
    

</dl>
<!-- 表格-->
<table border="1px">
    <!--colspan 跨列-->
    <tr>
        <td colspan="3">学生成绩</td>
    </tr>
    <!--rowspan 跨行-->
    <tr>
        <td rowspan="2">狂胜</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
    </tr>
    <tr>
        <td rowspan="2">戴宝华</td>
        <td>语文</td>
        <td>100</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>100</td>
    </tr>
</table



<!--视频-->
<video src="../video/3.mp4" width="60%"  controls  autoplay></video>&lt;!&ndash;controls 可以播放，autoplay 自动播放&ndash;&gt;
<!--音频-->
<audio src="../video/2.mp3"autoplay></audio>
  <!--嵌入-->  
<iframe src="http://www.baidu.com" frameborder="0" width="100%" height="1000px"></iframe>
    
    <!--form表单-->
    
<form method="get" action="7.内联框架iframe.html">

    名字<input type="text" name="name" ><!--value readonly 只读 默认初始值  size文本框长度  maxlength  最大可以输出文本框  hidden 隐藏域  placeholder 提示信息，当你输入后就会消失  required 文本框不能为空 pattern 正则表达式 邮箱：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$-->
    密码<input type="password" name="pwd" >

    <!--单选框  type="radio" value:单选框的值 name:表示组 disable 不可以选择-->
    <p>性别：<input type="radio" value="boy" name="sex" >男 <input  checked type="radio" value="girl" name="sex">女</p>


    <!--多选框-->
    <p>
        爱好：<input type="checkbox" name="happy" value="eat">吃饭 <input type="checkbox" value="sleep" name="happy">睡觉 <input type="checkbox" name="happy" value="play"> 打游戏<input type="checkbox" name="happy" value="code">敲代码
    </p>

    <!--按钮-->
    <p><input type="button" value="按钮">
        <!--图片按钮和submit一样-->
        <input type="image" src="../image/1.jpg" title="点我跳百度" height="50px"></p>
    <!--下拉框-->
    国家：<select  name="country">
    <option value="chinse" selected>中国</option>
    <option value="m">美国</option>
    <option value="y">印度</option>
    <option value="r">瑞士</option>
</select>
<br>
    <!--文本域-->
    <textarea name="textarea" id="" cols="30" rows="10">文本内容</textarea>
    <br>
    <!--文件域-->
    <input type="file" name="file"><br>


    <!--邮箱验证-->
    邮箱：<input type="email" name="email">

    <!--url-->
    <p>URL: <input type="url" name="url"></p>

    <!--数字验证-->
    <p>商品数量：
        <!--不能超过max 不能小于min  step,按钮每次加多少-->
        <input type="number" name="num" max="100" min="0" step="1">

    </p>

    <!--滑块-->
    <p>音量：
        <input type="range" name="voice" min="0" max="100">

    </p>


    <!--搜索框-->
    <p>搜索：
        <input type="search" name="search">
    </p>
      <!--增强鼠标可用性-->
    <p>
        <label for="mark">点击我输入</label>
        <input type="text" id="mark">
    </p>


    <p><input type="submit" value="提交"> <input type="reset" value="重置"></p>
	
</form>

表单的初级验证