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嵌入音频,嵌入视频

  1. 音频
<audio controls="controls">
            <source src="./温差.mp3" type="audio/mpeg">
    </audio>

在这里插入图片描述

  1. 视频
 <video width="320" height="240" controls="controls">
            <source src="./导学.mp4" type="video/mp4">
    </video>

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值