在html中,行內區塊級元素分別是:用於標記網頁中圖片的img;用於蒐集使用者資訊的input;標籤定義表格中標準單元格的td;可建立單選或多選取選單的select;定義多行的文字輸入控制項的textarea;為input元素定義標註的label。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
行內塊狀元素綜合了行內元素和塊狀元素的特性,但是各有取捨。因此行內塊狀元素在日常的使用中,由於其特性,使用的次數也比較多。
行內塊狀元素特徵:
不自動換行
能夠辨識寬高
預設排列方式為從左到右
內嵌區塊級元素比較少,它們分別是:img、input、td、select、textarea、 label;
img:用於標記網頁中的圖像,有屬性src:圖片資源路徑,alt:提示訊息當圖片載入失敗,以指定文字形式代替圖片顯示
input:輸入框,有屬性type輸入框類型,有屬性值(text表示文字輸入框,file檔案選擇器,password密碼輸入框,email郵箱輸入框,number數字輸入框,button按鈕)。 placeholder佔位字符,用於提示輸入框應該輸入的內容。 value表示輸入框中的內容。 name和後台伺服器互動時,必須攜帶name屬性,發送請求時的參數名稱。
單選type=“radio” 表示一個單選選項處於同一組單選框只能選取一個值,將多個radio的name屬性值設為相同的值type="checkbox "複選框
label:和input標籤綁定到一塊使用,有屬性for,屬性值就是input輸入框的id值。 checked屬性為標籤選取狀態
select:下拉清單
擴充資料:
##內聯區塊級元素的轉換透過設定CSS樣式屬性display:inline-block,可將內聯元素,或區塊級元素轉換成內聯區塊級元素;但如果是將元素轉換成內嵌元素,則設定display: inline;如果是將元素轉換成區塊級元素,則設定display:block;inline-block是css2.1新增的屬性,對於IE7以下的版本不支援這個屬性,所以需要一些相容的辦法。 推薦學習:以上是html有哪些行內塊元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!