前端|HTML的段落以及樣式

  • 2020 年 3 月 13 日
  • 筆記

1、HTML段落

顧名思義,段落就是可以吧HTML文檔分割為若干的段落。在HTML中,我們常用的方法就是通過<p>標籤來定義的

圖 1.1

如上圖<p>就為一個塊級元素。常見的問題是<p>元素標籤的結束標籤的遺忘,儘管瀏覽器也會將HTML準確的顯示出來,但是此類的壞習慣對於此專業甚至於初學者來說是致命的。因為在未來的HTML版本中,不在允許省略結束標籤。

另外,類似於段落的還有拆行,在HTML中用<br/>表示,表示為在不產生新段落的情況下進行換行,而且因為<br/>元素是一個空的HTML元素,,由於關閉標籤沒有任何意義,因此它沒有結束標籤。

<br>與<br/>也存在較大的區別,在 XHTML、XML 以及未來的 HTML 版本中,不允許使用沒有結束標籤(閉合標籤)的 HTML 元素。即使 <br> 在所有瀏覽器中的顯示都沒有問題,使用 <br /> 也是更長遠的保障。

2、HTML樣式

在HTML樣式中,我們常用style一詞來表示,style一詞的屬性用於改變HTML元素的樣式

style提供了一種改變所有 HTML 元素的樣式的通用方法。查閱資料可知樣式是 HTML 4 引入的,它是一種新的首選的改變 HTML 元素樣式的方式。通過 HTML 樣式,能夠通過使用 style 屬性直接將樣式添加到 HTML 元素,或者間接地在獨立的樣式表中(CSS 文件)進行定義。我們可以在CSS 教程(未學習)中學習關於樣式和 CSS 的所有知識。一般的style標籤與描述有如下

圖 2.2

還存在HTML 樣式實例(背景顏色、字體、顏色和尺寸、文本對齊)等實例,如下

圖 2.3