2016年2月9日 星期二

HTML inline element V.S block element

在HTML檔裡,純文字的資料
在字元之間,不管是空幾格空白
或是換行,都會被看成只空一格空白
所以想要換行可以使用<br> tag或是<p> tag

<br>換行
This is first line.
This is second line.


<p>換行
This is first line.
This is second line.

這二者不同之處在於
<br>處理方式是

This is first line.(\n->換行)This is second line.

直接在行與行之間插入element,並處理

而<p> tag的方式是

This is first line.

This is second line.


element型成一個block把element和element之隔開


其他inline element有

  1. <b>粗體
  2. <em>斜體
  3. <img>圖片
  4. <span>
  5. <a>連結
  6. <br>換行




沒有留言:

張貼留言