您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“HTML5中內聯標簽有哪些”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“HTML5中內聯標簽有哪些”這篇文章吧。
內聯元素,與別人公用一行,但是設置寬高無效。其特點:
①和其他元素都在一行上
②高,行高及外邊距和內邊距不可改變;
③寬度就是它的文字或圖片的寬度,不可改變
④內聯元素只能容納文本或者其他內聯元素
代碼如下:
<!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>
以上是“HTML5中內聯標簽有哪些”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。