[html5/css3] html5基本标签使用

时间  2019-12-01
标签 html5 html css3 css 基本 标签 使用 栏目 HTML5 繁體版
原文   原文链接 
<!DOCTYPE html>
<html>
<head>
<!-- html4的定义 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<!-- html5中的定义 -->
<meta charset="utf-8">
<title>html5基础标签</title>
</head>
<body>

    
    <!-- 导航菜单 -->
   <nav dir="ltr"> 首页   文章   新闻 web前端开发   大数据
   
   dfs </nav>
   
   <menu>
   <li>menu菜单示例</li>
   <li>日记分类</li>
   
   <li>技术博客</li>
   
   </menu>
   
  
   
   <mark>mark标签的默认样式信息</mark>
   <!-- 表示进程函数 -->
   <meter value="214">进程处理函数</meter>
   
   <time ></time>
   
   <command label="d" onclick="javascript:alert('fsd');">command表示按钮</command>
   
   <details>
    <summary>细节</summary>
    发个非官方的details详情
   </details>
   
   
   
   <!-- 表示一段独立的流内容，表示文档主题流里一个独立的单元 -->
   <figure>
    <!-- 定义标题 -->
    <figcaption>高端、大气、上档次</figcaption>
   <p>发送到两个热</p>
   </figure>
   
   <article >
    <!-- form表单的验证 
   novalidate="novalidate" 去掉验证
     -->
     <form id="sub" name="sub" action=""  >
     <table>
     <tr>
     <td>用户名:</td>
       <td><input autocomplete="on" alt="请输入用户名 "></td>
     </tr>
     <!-- required 必填字段 -->
     <tr>
     <td>密码:</td>
       <td><input type="text"  required="required" ></td>
     </tr>
     
     <tr>
     <td>出生日期:</td>
       <td><input type="date"   required="required" ></td>
     </tr>
     
     <tr>
     <td>性别:</td>
     <!-- boolean值的选择,直接属性名和值为checker或者true等价 -->
       <td><input type="radio" name="gender" checked=""   required="required" >男
       
       <input type="radio" name="gender"  required="required"  >女</td>
     </tr>
     
     <tr>
     <td>电子邮箱:</td>
       <td><input type="email"   required="required" ></td>
     </tr>
     
     <tr>
     <td>附标:</td>
     <!-- -无特殊符号的状况下，引号能够省略 -->
       <td><input type=range   required="required"  ></td>
     </tr>
     
    <tr>
    <td><input type="submit" value="提交">
    <input type="reset" value="重置"></td>
    </tr> 
     </table>
   </form>
   
   <!-- canvas 元素 -->
   <canvas id="cv" height="450" width="400" >
  
  </canvas>
  
   </article>
    <!-- 插入一段视频文件 -->
  <video src="1117786.mp4" controls="controls">
    插入视频文件
  </video>
  
  <audio src="许嵩 - 山水之间.mp3" controls="controls" >
  插入音频文件
  
  </audio>
  
  <embed src="1117786.mp4">
  
  
   <aside >
   表示article内容以外，与article内容相关的辅助内容
   </aside>
   
   <footer>
    
    <!-- 填写地址信息,默认为斜体 -->
    <address >
    西天路212号, wait you forever!
    </address>
   
   </footer>
     
   

</body>
</html>
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程