• <nav id="cwumo"><code id="cwumo"></code></nav>
  • <menu id="cwumo"><strong id="cwumo"></strong></menu>

    web網頁開發筆小知識

    時間:2024-06-22 20:07:09 Web Services 我要投稿
    • 相關推薦

    web網頁開發筆小知識

      HTML中行內元素與塊級元素的區別:

    web網頁開發筆小知識

      在標準文檔流里面,塊級元素具有以下特點:

      ①總是在新行上開始,占據一整行;

      ②高度,行高以及外邊距和內邊距都可控制;

      ③寬帶始終是與瀏覽器寬度一樣,與內容無關;

      ④它可以容納內聯元素和其他塊元素

      行內元素的特點:

      ①和其他元素都在一行上;

      ②高,行高及外邊距和內邊距部分可改變;

      ③寬度只與內容有關;

      ④行內元素只能容納文本或者其他行內元素。

      不可以設置寬高,其寬度隨著內容增加,高度隨字體大小而改變,內聯元素可以設置外邊界,但是外邊界不對上下起作用,只能對左右起作用,也可以設置內邊界,但是內邊界在ie6中不對上下起作用,只能對左右起作用。

      常見的塊級元素與行內元素:

      塊元素(block element)

      1. * address - 地址

      2.* blockquote - 塊引用

      3.* center - 舉中對齊塊

      4.* dir - 目錄列表

      5.* div - 常用塊級容易,也是css layout的主要標簽

      6.* dl - 定義列表

      7.* fieldset - form控制組

      8.* form - 交互表單

      9.* h1 - 大標題

      10.* h2 - 副標題

      11.* h3 - 3級標題

      12.* h4 - 4級標題

      13.* h5 - 5級標題

      14.* h6 - 6級標題

      15.* hr - 水平分隔線

      16.* isindex - input prompt

      17.* menu - 菜單列表

      18.* noframes - frames可選內容,(對于不支持frame的瀏覽器顯示此區塊內容

      19.* noscript - 可選腳本內容(對于不支持script的瀏覽器顯示此內容)

      20.* ol - 排序表單

      21.* p - 段落

      22.* pre - 格式化文本

      23.* table - 表格

      24.* ul - 非排序列表

      行內元素(inline element)

      1. * a - 錨點

      2.* abbr - 縮寫

      3.* acronym - 首字

      4.* b - 粗體(不推薦)

      5.* bdo - bidi override

      6.* big - 大字體

      7.* br - 換行

      8.* cite - 引用

      9.* code - 計算機代碼(在引用源碼的時候需要)

      10.* dfn - 定義字段

      11.* em - 強調

      12.* font - 字體設定(不推薦)

      13.* i - 斜體

      14.* img - 圖片

      15.* input - 輸入框

      16.* kbd - 定義鍵盤文本

      17.* label - 表格標簽

      18.* q - 短引用

      19.* s - 中劃線(不推薦)

      20.* samp - 定義范例計算機代碼

      21.* select - 項目選擇

      22.* small - 小字體文本

      23.* span - 常用內聯容器,定義文本內區塊

      24.* strike - 中劃線

      25.* strong - 粗體強調

      26.* sub - 下標

      27.* sup - 上標

      28.* textarea - 多行文本輸入框

      29.* tt - 電傳文本

      30.* u - 下劃線

      31.* var - 定義變量

    【web網頁開發筆小知識】相關文章:

    如何用Dreamweaver批量做web網頁詳細步驟03-30

    網頁美工必備的知識:網頁設計命名規范03-18

    有關web服務器硬件配置的進階知識03-06

    網頁動畫設計小技巧03-06

    淘寶美工必備的網頁技術知識03-18

    Web Workers加速移動Web應用03-30

    豆角小知識12-03

    開奶與催乳基本知識08-15

    小托福首次在貴州開考03-20

    日韩激情