前端|HTML的段落以及樣式
- 2020 年 3 月 13 日
- 筆記
1、HTML段落
顧名思義,段落就是可以吧HTML文檔分割為若干的段落。在HTML中,我們常用的方法就是通過<p>標籤來定義的
如上圖<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標籤與描述有如下
還存在HTML 樣式實例(背景顏色、字體、顏色和尺寸、文本對齊)等實例,如下