tml中除了有文本修飾標簽,還有一類重要的標簽,就是排版標簽,但這類標簽基本上已經被css替代,但是作為基礎還是不能放棄,下面就來看下html中的常用的排版標簽

一.排版標簽

① 換行：<br />

主要用于強制換行

② 段落：<p>內容</p>

單獨成立一個段落,并且段落上下,有空行

P標簽屬性：algin：對齊方式

取值：left：左對齊【默認】，center：居中對齊，right：右對齊

③ 橫線：<hr />

在網頁中生成一條橫線,可以通過屬性進行控制

hr常用屬性如下：

Width：寬度

Align：left，center【默認】，right

Size：線條粗細

Color：線條顏色

Noshade：無陰影

④ 預排版： <pre>內容</pre>

個人感覺這個標簽在格式化輸出php數據(如數組)到html網頁時,很有用,它可以使php數組更 加清晰的展現到網頁上

二.行內元素和快元素

這是兩個相對來說比較重要的概念,在排版的時候,有時很有用處,所以必要區分一下:

塊元素：被塊元素所包圍的內容,在網頁中是獨占一行,例如:div，p

行內元素：被行內元素所包圍的內容,寬度根據內容決定 span，b

⑤ Div和span

Div：<div>內容</div>塊元素

Span：<span>內容</span>行內元素

各元素效果如下:

.標題標簽

html中,一種常用的標簽之一,就是標題標簽,該標簽獨占一行,而且能夠將文字加粗顯示,其格式分別如下:

① H1標題：<h1>內容</h1>

② H2標題：<h2>內容</h2>

③ H3標題：<h3>內容</h3>

④ H4標題：<h4>內容</h4>

⑤ H5標題：<h5>內容</h5>

⑥ H6標題：<h6>內容</h6>

這里有一點需要注意,h標簽從h1到h6是逐漸減小的

代碼效果如下:

以上均是個人學習總結,大神勿噴!!

HTML超文本標記語言是應用于網頁端的頁面標記語言，它通過在文本中添加標記，瀏覽器依據標簽的不同，按照不同的方式顯示內容，組織內容結構。HTML是作為一名前端開發工程師必須精通的語言。

html

HTML有W3C組織維護，目前已經發展到HTML5，大部分的桌面瀏覽器和幾乎全部的移動端瀏覽器都已經支持了HTML5，但也還有少數的瀏覽器并不支持。因此學習者對于HTML5之前的HTML版本也需要有了解，特別HTML4，和最常見的HTML4.01。HTML的內容較為簡單，掌握起來也十分容易，但編寫出優秀的html結構卻還是有難度。

標簽分類

HTML標簽大致可以分為章節標簽、文本標簽、組標簽、資源標簽、表格標簽、表單標簽，共計一百多個標簽，剔除不常用和不推薦使用的標簽，還有部分支持度還不高的HTML5標簽，也就只剩下七八十個常用標簽了。記憶這些標簽及其相關屬性是精通HTML的第一步。

html標簽

常用屬性

自從css開始大量使用之后，HTML中直接嵌套屬性的使用已經越來越少。我們這里提到的HTML屬性是指HTML全局屬性，這些屬性用于賦予元素意義和語境。編寫過html的同學應該都知道id、class、style、title等常用的HTML屬性。

html屬性

語義化

語義化是指用正確的標簽描述頁面。HTML語言使用中最難的莫過于使用合適的標簽和屬性優雅的描述頁面。語義化是html超文本標記語言學習的進階內容，在編寫或參考到了大量的網頁結構之后，會得到很大的提升。

實體字符

實體字符是在html語言中，例如空格、引號、大于號、小于號等一些已經被html語言標準所占用的字符，需要用特定的字符組合來表現。html編碼過程中你編寫了多個空格，但是在最終頁面輸出時只會有一個空格，這就是因為鍵盤上輸入的空格如果不經過特殊的標簽處理，或者未使用實體字符來表示，當你在編碼時使用&nbsp；來表示空格，頁面上就會按照你的目的顯示空格。

總結

html甚至沒有被歸入編程語言中，而只是作為一種標記語言存在，就是因為它太簡單了，學習起來異常容易，但是我們看高手程序員編寫的html頁面，卻總是會驚訝一個標簽怎么還會有如此用法。

掌握了上面的四塊內容，就可以算是基本掌握了HTML超文本標記語言。

本文僅代表個人觀點！歡迎關注！