在html中，行內(nèi)塊級元素分別是：用于標(biāo)記網(wǎng)頁中圖像的img；用于搜集用戶信息的input；標(biāo)簽定義表格中標(biāo)準(zhǔn)單元格的td；可創(chuàng)建單選或多選菜單的select；定義多行的文本輸入控件的textarea；為input元素定義標(biāo)注的label。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

行內(nèi)塊狀元素綜合了行內(nèi)元素和塊狀元素的特性，但是各有取舍。因此行內(nèi)塊狀元素在日常的使用中，由于其特性，使用的次數(shù)也比較多。

行內(nèi)塊狀元素特征：

• 不自動換行

• 能夠識別寬高

• 默認(rèn)排列方式為從左到右

內(nèi)聯(lián)塊級元素比較少，它們分別是：img、input、td、select、textarea、label；

img：用于標(biāo)記網(wǎng)頁中的圖像 ，有屬性src:圖片資源路徑 ，alt:提示信息 當(dāng)圖片加載失敗 ，以指定文本形式代替圖片顯示

input：輸入框，有屬性type輸入框類型，有屬性值（text表示文本輸入框，file文件選擇器，password密碼輸入框，email郵箱輸入框，number數(shù)字輸入框，button按鈕）。placeholder占位字符，用于提示輸入框應(yīng)該輸入的內(nèi)容。value表示輸入框中的內(nèi)容。name和后臺服務(wù)器交互時，必須攜帶name屬性，發(fā)送請求時的參數(shù)名。

單選 type=“radio” 表示一個單選選項(xiàng)處于同一組單選框只能選中一個值，將多個radio的name屬性值設(shè)置為相同的值type="checkbox"復(fù)選框

label：和input標(biāo)簽綁定到一塊使用，有屬性for，屬性值就是input輸入框的id值。checked屬性為標(biāo)簽選中狀態(tài)

select：下拉列表

擴(kuò)展資料：

內(nèi)聯(lián)塊級元素的轉(zhuǎn)換

通過設(shè)置CSS樣式屬性display:inline-block，可將內(nèi)聯(lián)元素，或塊級元素轉(zhuǎn)換成內(nèi)聯(lián)塊級元素；

但如果是將元素轉(zhuǎn)換成內(nèi)聯(lián)元素，則設(shè)置display:inline；

如果是將元素轉(zhuǎn)換成塊級元素，則設(shè)置display:block；

inline-block是css2.1新增的屬性，對于IE7以下的版本不支持這個屬性，所以需要一些兼容的辦法。

推薦學(xué)習(xí)：html視頻教程