html5新特性,和一些标签用法
table表格的使用 属性:[colspan,rowspan]
配合使用的所有元素有:
大盒子:table
tr:必须包住
th:表头
td:表内容
<table border="1">
<tr>
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>一月</td>
<td>1000 元</td>
</tr>
<tr>
<td>二月</td>
<td>1500 元</td>
</tr>
</table>
table里的thead tfoot tbody的用法
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
ul ol li dl dt dd
无序ul li
有序ol li
缩进列表dl dt dd
<ul>
<li>哈哈</li>
<li>哈哈</li>
</ul>
<ol>
<li>哈哈</li>
<li>哈哈</li>
</ol>
<dl>
<dt>哈哈</dt>
<dd>内容哈哈</dd>
</dl>
textarea文本区域
<textarea rows="3" cols="30">
这里是文本域中的文本 ... ... ... ...
</textarea>
input label的连着用法
作用:label的for绑定id 就能点击文字,进行选择
<input type="radio" name="one" id="one-1">
<label for="one-1">哈哈哈</label>
from的表单与连用属性
在from表单中才有作用:
- 按钮button 的submit属性
- 按钮button 的reset属性
- 有相应的表单验证?(还没看)
- 有相应的获取所有 参数方法?(还 没看)
<form action="www.baidu.com" method="get">
<button type="submit">提交</button>
<button type="reset">重置</button>
</form>
html5嵌入音频,嵌入视频
- 音频
<audio controls="controls">
<source src="./温差.mp3" type="audio/mpeg">
</audio>
- 视频
<video width="320" height="240" controls="controls">
<source src="./导学.mp4" type="video/mp4">
</video>