內聯元素，與別人公用一行，但是設置寬高無效。其特點： ①和其他元素都在一行上； ②高，行高及外邊距和內邊距不可改變； ③寬度就是它的文字或圖片的寬度，不可改變 ④內聯元素只能容納文本或者其他內聯元素 代碼如下： 1 <!doctype html> 2 <html lang="en"> 3 <head ...
內聯元素，與別人公用一行，但是設置寬高無效。其特點：
①和其他元素都在一行上； ②高，行高及外邊距和內邊距不可改變； ③寬度就是它的文字或圖片的寬度，不可改變 ④內聯元素只能容納文本或者其他內聯元素 代碼如下：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 <!-- 無語義 --> 11 <span>無語義</span> 12 13 <!-- 圖片 alt圖片載入失敗顯示--> 14 <img src="d" alt="載入失敗"> 15 16 <!-- 超鏈接 --> 17 <a href="http://www.baidu.com">跳轉</a> 18 19 <!-- 斜體強調 --> 20 <var>斜體強調作用</var> 21 <!-- em和i經常用於製作小圖標 --> 22 <em>斜體強調作用</em> 23 <i>斜體強調作用</i> 24 25 <!-- 加粗強調 --> 26 <strong>加粗強調</strong> 27 28 <!-- 表單 提交數據--> 29 <form action=""> 30 <!-- 輸入框 --> 31 <input type="text"> 32 <!-- 密碼輸入框 --> 33 <input type="password"> 34 <!-- 按鈕 --> 35 <input type="button" value="按鈕"> 36 <!-- 提交表單 --> 37 <input type="submit" value="提交表單"> 38 39 <!-- 日期 年月日--> 40 <input type="date"> 41 <!-- 日期 年周 --> 42 <input type="week"> 43 <!-- 日期 年月 --> 44 <input type="month"> 45 <!-- 日期 當前時間 --> 46 <input type="time"> 47 48 <!-- 選擇文件 --> 49 <input type="file" value="打開文件"> 50 <!-- 只能輸入數字 --> 51 <input type="number"> 52 <!-- 顏色選擇器 --> 53 <input type="color"> 54 <!-- 重置 --> 55 <input type="reset"> 56 <!-- 覆選框 --> 57 <input type="checkbox">我愛你 58 <input type="checkbox">你愛我 59 <!-- 單選框 name 同名字為一組--> 60 <input type="radio" name="sex" checked="checked">男 61 <input type="radio" name="sex">女 62 </form> 63 64 <!-- 多行文本 cols寬度 rows高度 --> 65 <textarea name="" id="" cols="30" rows="10"></textarea> 66 67 <!-- 選擇列表 預設第一個選項的值為初始值--> 68 <select name="" id=""> 69 <option value="">選項1</option> 70 <option value="">選項2</option> 71 <option value="">選項3</option> 72 </select> 73 </body> 74 </html>
