首頁  >  文章  >  web前端  >  html行內元素有哪些

html行內元素有哪些

青灯夜游
青灯夜游原創
2021-03-30 14:57:378383瀏覽

html行內元素有:a、b、u、span、img、input、strong、select、sub、sup、label、em、button、textarea、tt、var、samp、br、cite、code 、font、strike等。

html行內元素有哪些

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

根據CSS規範的規定,每一個網頁元素都有一個display屬性,用來決定該元素的類型,每個元素都有預設的display屬性值。

display屬性為inline的元素為行內元素,英文:inline element,其中文叫法有多種,如:內聯元素、內嵌元素、行內元素、直進式元素等。

行內元素一般是內容的容器,沒有自己的獨立空間,它是依附於其他區塊級元素存在的。一般情況下,行內元素只能包含內容或其它行內元素,寬度和長度依據內容而定,不可以設置,可以和其它元素和平共處於一行。行內元素適合顯示具體內容。

特點:

1、和其他元素都在一行上;

2、高度、行高和頂以及底邊距都不可改變;

3、寬度就是它的文字或圖片的寬度,不可改變。

總的來說,行內元素一般都是基於語意級(semantic)的基本元素,它只能容納文字或其他行內元素,通常被包括在區塊元素中使用,常見內聯元素有“a、b、br”等。

推薦教學:《html影片教學

HTML行內元素:

  • a - 錨點;

  • abbr - 縮寫;

  • acronym - 首字;

  • b - 粗體(不建議);

  • bdo - 覆寫預設的文字方向;

  • big - 大字體;

  • br - 換行;

  • ##button - 按鈕


  • cite - 引用;

  • code - 電腦程式碼(在引用原始碼的時候需要);

  • #dfn - 定義欄位;

  • del - 刪除線


  • em - 強調;

  • font - 字體設定(不推薦);

  • i - 斜體;

  • ##img - 圖片;
  • input - 輸入框;
  • kbd - 定義鍵盤文字;
  • label - 表格標籤;
  • q - 短引用;
  • s - 中劃線(不推薦);
  • samp - 定義範例電腦程式碼;
  • select - 專案選擇;
  • small - 小字體文字;
  • span - 常用內嵌容器,定義文字內區塊;
  • span - 常用內嵌容器,定義文字內區塊;
  • strike - 中劃線;
  • strong - 粗體強調;
  • sub - 下標;
  • sup - 上標;
  • textarea - 多行文字輸入框;
  • #textarea - 多行文字輸入框;
  • tt - 電傳文字;

u - 下劃線;

#########var - 定義變數。 ############更多程式相關知識,請造訪:###程式設計影片###! ! ###

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn