[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教程