Html筆記-2-標籤元素分類
阿新 • • 發佈:2018-12-17
html中的標籤元素大體被分為三種不同的型別,各類常見如下:
塊狀元素 | 內聯元素 | 內聯塊狀元素 |
---|---|---|
<div> |
<a> |
<img> |
<p> |
<span> |
<input> |
<h1>...<h6> |
<br> |
`````` |
<ol> |
<i> |
`````` |
<ul> |
<em> |
`````` |
<dl> |
<strong> |
`````` |
<table> |
<label> |
`````` |
<address> |
<q> |
`````` |
<blockquote> |
<var> |
`````` |
<form> |
<cite> |
`````` |
`````` | <code> |
`````` |
`````` | `````` | `````` |
一.塊級元素 block 1、每個塊級元素都從新的一行開始,並且其後的元素也另起一行。 2、元素的高度、寬度、行高以及頂和底邊距都可設定。 3、元素寬度在不設定的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設定一個寬度。
二.內聯元素 inline 1、和其他元素都在一行上; 2、元素的高度
三.內聯塊狀元素 inline-block 內聯塊狀元素(inline-block)就是同時具備內聯元素、塊狀元素的特點. 1、和其他元素都在一行上; 2、元素的高度、寬度、行高以及頂和底邊距都可設定。
幾種元素可以用程式碼進行轉換
a{display:block;}/*內聯元素a ==>塊狀元素*/
div{ display:inline; } /*塊狀元素div==>內聯元素a*/