您好,登錄后才能下訂單哦!
小編給大家分享一下H5中進階段的使用示例,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
內聯元素,與別人公用一行,但是設置寬高無效。其特點:
①和其他元素都在一行上
②高,行高及外邊距和內邊距不可改變;
③寬度就是它的文字或圖片的寬度,不可改變
④內聯元素只能容納文本或者其他內聯元素
代碼如下:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>標簽基礎2</title> </head> <body> <!-- 內聯元素 與別人公用一行 但是設置寬高無效 --> <!-- 無語義 --> <span>無語義</span> <!-- 圖片 alt圖片加載失敗顯示--> <img src="d" alt="加載失敗"> <!-- 超鏈接 --> <a href="http://www.baidu.com">跳轉</a> <!-- 斜體強調 --> <var>斜體強調作用</var> <!-- em和i經常用于制作小圖標 --> <em>斜體強調作用</em> <i>斜體強調作用</i> <!-- 加粗強調 --> <strong>加粗強調</strong> <!-- 表單 提交數據--> <form action=""> <!-- 輸入框 --> <input type="text"> <!-- 密碼輸入框 --> <input type="password"> <!-- 按鈕 --> <input type="button" value="按鈕"> <!-- 提交表單 --> <input type="submit" value="提交表單"> <!-- 日期 年月日--> <input type="date"> <!-- 日期 年周 --> <input type="week"> <!-- 日期 年月 --> <input type="month"> <!-- 日期 當前時間 --> <input type="time"> <!-- 選擇文件 --> <input type="file" value="打開文件"> <!-- 只能輸入數字 --> <input type="number"> <!-- 顏色選擇器 --> <input type="color"> <!-- 重置 --> <input type="reset"> <!-- 復選框 --> <input type="checkbox">我愛你 <input type="checkbox">你愛我 <!-- 單選框 name 同名字為一組--> <input type="radio" name="sex" checked="checked">男 <input type="radio" name="sex">女 </form> <!-- 多行文本 cols寬度 rows高度 --> <textarea name="" id="" cols="30" rows="10"></textarea> <!-- 選擇列表 默認第一個選項的值為初始值--> <select name="" id=""> <option value="">選項1</option> <option value="">選項2</option> <option value="">選項3</option> </select> </body> </html>
看完了這篇文章,相信你對H5中進階段的使用示例有了一定的了解,想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。