DIV CSS 佈局教程網

設為首頁 加入收藏
 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> HTML5進階段內聯標簽匯總（小篇）
HTML5進階段內聯標簽匯總（小篇）
編輯：HTML5教程     

內聯元素，與別人公用一行，但是設置寬高無效。其特點：

①和其他元素都在一行上

　②高，行高及外邊距和內邊距不可改變；

　③寬度就是它的文字或圖片的寬度，不可改變

　④內聯元素只能容納文本或者其他內聯元素

代碼如下：

XML/HTML Code復制內容到剪貼板
  1. <!doctype html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>標簽基礎2</title>  
  6. </head>  
  7. <body>  
  8.     <!-- 內聯元素 與別人公用一行 但是設置寬高無效 -->  
  9.     <!-- 無語義 -->  
  10.     <span>無語義</span>  
  11.     <!-- 圖片 alt圖片加載失敗顯示-->  
  12.     <img src="d" alt="加載失敗">  
  13.     <!-- 超鏈接 -->  
  14.     <a href="http://www.baidu.com">跳轉</a>  
  15.     <!-- 斜體強調 -->  
  16.     <var>斜體強調作用</var>  
  17.     <!-- em和i經常用於制作小圖標 -->  
  18.     <em>斜體強調作用</em>  
  19.     <i>斜體強調作用</i>  
  20.     <!-- 加粗強調 -->  
  21.     <strong>加粗強調</strong>  
  22.     <!-- 表單 提交數據-->  
  23.     <form action="">  
  24.         <!-- 輸入框 -->  
  25.         <input type="text">  
  26.         <!-- 密碼輸入框 -->  
  27.         <input type="password">  
  28.         <!-- 按鈕 -->  
  29.         <input type="button" value="按鈕">  
  30.         <!-- 提交表單 -->  
  31.         <input type="submit" value="提交表單">  
  32.         <!-- 日期 年月日-->  
  33.         <input type="date">  
  34.         <!-- 日期 年周 -->  
  35.         <input type="week">  
  36.         <!-- 日期 年月 -->  
  37.         <input type="month">  
  38.         <!-- 日期 當前時間 -->  
  39.         <input type="time">  
  40.         <!-- 選擇文件 -->  
  41.         <input type="file" value="打開文件">  
  42.         <!-- 只能輸入數字 -->  
  43.         <input type="number">  
  44.         <!-- 顏色選擇器 -->  
  45.         <input type="color">  
  46.         <!-- 重置 -->  
  47.         <input type="reset">  
  48.         <!-- 復選框 -->  
  49.         <input type="checkbox">我愛你   
  50.         <input type="checkbox">你愛我   
  51.         <!-- 單選框 name 同名字為一組-->  
  52.         <input type="radio" name="sex" checked="checked">男   
  53.         <input type="radio" name="sex">女   
  54.     </form>  
  55.     <!-- 多行文本 cols寬度 rows高度 -->  
  56.     <textarea name="" id="" cols="30" rows="10"></textarea>  
  57.     <!-- 選擇列表 默認第一個選項的值為初始值-->  
  58.     <select name="" id="">  
  59.         <option value="">選項1</option>  
  60.         <option value="">選項2</option>  
  61.         <option value="">選項3</option>  
  62.     </select>  
  63. </body>  
  64. </html>  

以上所述是小編給大家介紹的HTML5進階段內聯標簽匯總，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持!

HTML5教程
細數騰訊出品的10個最佳HTML 5廣告
 　　在Html5廣告大行其道的今天，作為互聯網行業巨頭之一的騰訊，在這段時間裡，產出了大
html5彈跳球示例代碼
彈跳球使用html5實現，不必驚訝，使用html5完全可以實現，具體的截圖及代碼如下，感興趣的朋友可
5個你不知道的HTML5的接口介紹
管當前的主流浏覽器已經實現了很多的HTML5新特性，但是很多開發者根本就沒注意到這些更簡潔，也很有用

相關文章

HTML入門知識HTML5教程關於HTMLHTML和XhtmlHTML5特效代碼HTML5詳解
小編推薦
其實你的H5可以活更久 開發人員需牢記的HTML5安全問題 使用canvas繪制貝塞爾曲線 HTML5移動應用開發第2章：移動web應用的本地存儲 通過Canvas + JS 實現簡易時鐘實戰 使用HTML5技術開發一個屬於自己的超酷顏色選擇器 html 調用手機攝像頭 實例：html5.js 讓HTML5+CSS3制作的網站兼容ie6,7,8浏覽 HTML5為輸入框添加語音輸入功能的實現方法 html5 更新圖片顏色示例代碼
熱門推薦
Html5 web本地存儲實例詳解 HTML5為輸入框添加語音輸入功能的實現方法 H5 做好了流量哪裡來？ H5即將被拋棄嗎？ 12個不為大家熟知的HTML5設計小技巧 使用HTML5 Canvas API控制字體的顯示與渲染的方法 詳解HTML5中的template標簽 html5 初試 indexedDB(推薦) 使用html5實現浏覽器截圖
大家都在看
html5的自定義data-*屬性和jquery的data()方法的使用示例 網頁理論：Don’t make me think 閱讀筆記 javascript關於open.window子頁面執行完成後刷新父頁面的問題分析 Javascript無參數和有參數類繼承問題解決方法 js中方法重載如何實現？以及函數的參數問題 WML教程：文本框控件（Input） CSS 文本字體顏色設置方法(CSS color) 純HTML5制作圍住神經貓游戲-附源碼下載
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved