首页 > 代码库 > html 标签2

html 标签2

 2016.11.10
# 新标签 #
## 视频标签 ##
    <video controls="controls" autoplay="autoplay" loop="loop"muted="muted" >
       <sourse src="http://www.mamicode.com/文件夹/文件名"/>
    </video>
congtrols:可控  autoplay:自动播放 loop:循环播放 muted:音量调节
## 音频标签 ##
     <audio controls="controls" autoplay="qutoplay" loop="loop" muted="muted">
       <sourse src="http://www.mamicode.com/文件夹/文件名"/>
     </audio>
## 表格 ##
    <table border="值">
       <tr>
         <td>单元数据格1</td>
         <td>单元数据格1</td>
         <td>单元数据格1</td>
       </tr>
    </table>
横向合并-colspan
    <table border="值">
       <tr>
         <td colspan="2">行1列1</td>
         <td>行1列2</td>
         <td>行1列3</td>
       </tr>
        <tr>
         <td clospan="2">行2列1</td>
         <td>行2列2</td>
         <td>行2列3</td>
       </tr>
        <tr>
         <td clospan="2">行3列1</td>
         <td>行3列2</td>
         <td>行3列3</td>
       </tr>
    </table>
       
纵向合并-纵向合并
    <table border="值">
       <tr>
         <td rowspan="2">行1列1</td>
         <td>行1列2</td>
         <td>行1列3</td>
       </tr>
        <tr>
         <td clospan="2">行2列1</td>
         <td>行2列2</td>
         <td>行2列3</td>
       </tr>
        <tr>
         <td clospan="2">行3列1</td>
         <td>行3列2</td>
         <td>行3列3</td>
       </tr>
    </table>
表名和标题
    <table border="值">
     <caption>表名</caption>
       <tr>
         <th>班级</th>
         <th>姓名</th>
         <th>年龄</th>
       </tr>
        <tr>
         <td>2年级</td>
         <td>小红</td>
         <td>7岁</td>
       </tr>
        <tr>
         <td >3年级</td>
         <td>小明</td>
         <td>7岁</td>
       </tr>
    </table>
## 表单 ##
    <form action="#" method="post">
 <input type="text"/>  文本框
</form> 

<form action="#" method="post">
  <input type="password"/>  密码框
</form>

    <form action="#" method="post">
  <input type="submit"/>  提交按钮
</form> 

    <form action="#" method="post">
  <input type="reset"/>  重置按钮
</form> 

<form action="#" method="post">
  <input type="button" value="http://www.mamicode.com/点击我"/>   点击我
</form>

    <form action="#" method="post">
  <button> 点击我</button>
</form>

 <form action="#" method="post">
  苹果<input type="checkbox"/>
  香蕉<input type="checkbox"/>
  橘子<input type="checkbox"/>
</form>

</form>
<form action="#" method="post">
苹果<input type="checkbox"checked/>
香蕉<input type="checkbox"/>
橘子<input type="checkbox"/>
</form> 

     <form action="#" method="post">
 男<input type="radio" name="sex/">
 女<input type="radio" name="sex/">
 </form>
  
    <form action="#" method="post">
  <select name="" id="">
 <option value="http://www.mamicode.com/北京">北京</option>
 <option value="http://www.mamicode.com/北京">上海</option>
</form>
## 多行文本框 ##
<textarea name="#" id="1" clos="5" rows="5">
</textarea>
## label标签 ##
<form action="#" method="post"
<label for="ap">苹果<label>
<input type="checkbox" id="ap"/>
<label for="xj">香蕉</label>
<input type="checkbox" id="xj"/>
</form>

html 标签2