html有哪些行內塊元素

在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影片教學

以上是html有哪些行內塊元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！