## **標題標簽** ``` <h1>標題文本</h1> <h2>標題文本</h2> <h3>標題文本</h3> <h4>標題文本</h4> <h5>標題文本</h5> <h6>標題文本</h6> ``` h1 - h6 ,h1最大，h6最小，瀏覽器會將內部的信息編譯為一個標題。 h1 標簽因為重要，盡量少用， 一般h1 都是給logo使用。 ## **段落標簽** 單詞縮寫： paragraph 段落 ``` <p> 文本內容 </p> ``` 在網頁中要把文字有條理地顯示出來，離不開段落標簽，就如同我們平常寫文章一樣，整個網頁也可以分為若干個段落。段落的標簽是HTML文檔中最常見的標簽，默認情況下，文本在一個段落中會根據瀏覽器窗口的大小自動換行。 ``` <p align="left">大家上午好</p> 左對齊 <p align="center">大家上午好</p> 居中對齊 <p align="right">大家上午好</p> 右對齊 ``` ## **換行標簽** 單詞縮寫： break 打斷 ,換行 在HTML中，一個段落中的文字會從左到右依次排列，直到瀏覽器窗口的右端，然后自動換行。如果希望某段文本強制換行顯示，就需要使用換行標簽 ``` <br /> 我們的單標簽沒有結束 直接開始反斜杠結束，放在文字的后面 ``` ## ** 水平線標簽** 單詞縮寫： horizontal 橫線 在網頁中常常看到一些水平線將段落與段落之間隔開，使得文檔結構清晰，層次分明。這些水平線可以通過插入圖片實現，也可以簡單地通過標簽來完成，```<br />```就是創建橫跨網頁水平線的標簽。其基本語法格式如下： ``` <hr width="400px" color="red" size="1px" />是單標簽 width---線的寬度、color---線的顏色、size---線的大小（粗細） ``` ## **盒子標簽** div標簽----大盒子，沒有固定定義，就是一個容器、一個大盒子，可以用來承載任何的內容和標簽，經驗：用來給網頁分區； span標簽-----小盒子，也是一個容器，一般用來承載文字或者小圖片。（span自身的語義較輕。） 語法格式： ``` <div> 這是頭部 </div> <span>今日價格</span>