HTML中标簽元素三種不同類型

HTML中标簽元素三種不同類型：塊狀元素，行内元素，行内塊狀元素。

常用的塊狀元素：<div> <p> <h1>.....<h6> <ol> <ul> <dl> <table> <address> <blockquote> <form>

常用的行内元素：<a> <span> <br> <i> <em> <strong> <label> <q> <cite> <code> <var>

常用的行内塊狀元素：<img> <input>

塊級元素特點：

display:

block;

1、每個塊級元素都從新的一行開始，并且其後的元素也另起一行。

2、元素的高度、寬度、行高以及頂和底邊距都可設定。

3、元素寬度在不設定的情況下，是它本身父容器的100%（和父元素的寬度一緻），除非設定一個寬度。

行内元素特點：

display:inline

;

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

2、元素的高度、寬度及頂部和底部邊距不可設定；

3、元素的寬度就是它包含的文字或圖檔的寬度，不可改變。

行内塊狀元素的特點：

display:inline-block;

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

2、元素的高度、寬度、行高以及頂和底邊距都可設定。