本次的HTML教程是學習HTML格式標簽，其中包括段落、區塊和列表的HTML標簽。

1、段落標簽：<p>，用來定義文章中的段落，HTML會自動為段落前后添加一個額外空行，做為段落間距。

折疊XML/HTMLCode復制內容到剪貼板

<p>關于我們</p>??

<p>樂學PHP學院(www.17joys.com)是國內專業的PHP培訓機構</p>??

?

2、換行標簽：<br>，當你打算結束一行，又不想開始一個新的段落時，<br>換行標簽就派上用場了，無論你把它放在任何地方，<br>都會產生一個強制的換行。

折疊XML/HTMLCode復制內容到剪貼板

<p>樂學PHP學院<br?/>天津最好的PHP培訓學校</p>??

?

注：<br>標簽是空白標簽，由于關閉標簽沒有任何意義，因此它沒有類似 </br>的終止標簽。

那是<br>還是<br/>，由于 <br>沒有結束標簽，它也就違反了未來的 HTML 的規則之一，即所有的元素都必須關閉。把這個標簽寫為 <br/> 是經得起未來考驗的做法，XHTML 和 XML 都接受在打開的標簽內部來關閉標簽的做法。

3、預格式化標簽：<pre>，可以定義預格式化的文本，被包圍在pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。

折疊XML/HTMLCode復制內容到剪貼板

<pre>??

if($type?>?1){??

??echo?"<h1>樂學PHP管理員</h1>";??

}else{ ??

??echo?"<h2>樂學PHP學員</h2>";??

} ??

</pre>??

?

注：

<pre> 標簽的一個常見應用就是用來表示計算機的源代碼。

4、分組標簽：<fieldset>，標簽將包含的內容打包，生成一組相關的字段，可以結合<legend>標簽使用。

折疊XML/HTMLCode復制內容到剪貼板

<form>??

??<fieldset>??

????<legend>基本信息</legend>??

????姓名:?<input?type="text"?/>??

????年齡:?<input?type="text"?/>??

??</fieldset>??

</form>??

??

<form>??

??<fieldset>??

????<legend>登錄框</legend>??

????<blockquote>??

????用戶名:?<input?type="text"?/>??

????密??碼:?<input?type="password"?/>??

????<input?type="submit"?value="登錄"?/>??

????</blockquote>??

??</fieldset>??

</form>??

?

注：當一組元素放到 <fieldset>標簽內時，瀏覽器會以特殊方式來顯示它們，它們可能有特殊的邊界、3D 效果，或者甚至可創建一個子表單來處理這些元素。

5、分區標簽：<div>，可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具，并且不使用任何格式與其關聯。

折疊XML/HTMLCode復制內容到剪貼板

<div?style="color:#00FF00">??

??<h3>樂學PHP學院</h3>??

??<p>天津最好的PHP培訓學校</p>??

</div>??

?

注：<div>是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上，換行是<div> 固有的唯一格式表現。可以通過<div> 的 class 或 id 應用額外的樣式。

6、組合行內標簽：<span>，用來組合文檔中的行內元素。

折疊XML/HTMLCode復制內容到剪貼板

<p><span>樂學PHP學院</span>是天津最好的PHP學校</p>??

??

<p><span?style="color:#FF0000;">樂學PHP學院</span>是天津最好的PHP學校</p>??

?

注：<span>沒有固定的格式表現。當對它應用樣式時，它才會產生視覺上的變化。

7、列表標簽：<dl>標簽定義了定義列表，結合<dt><dd>標簽使用

折疊XML/HTMLCode復制內容到剪貼板

<dl>??

???<dt>HTML</dt>??

???<dd>HTML是超文本標記語言</dd>??

???<dt>CSS</dt>??

???<dd>CSS是層疊樣式表</dd>??

</dl>??

?

8、無序列表：<ul>標簽定義無序列表，結合<li>標簽使用

折疊XML/HTMLCode復制內容到剪貼板

<ul>??

??<li>HTML</li>??

??<li>CSS</li>??

??<li>JavaScript</li>??

</ul>??

?

9、有序列表：<ol>標簽定義有序列表，結合<li>標簽使用

折疊XML/HTMLCode復制內容到剪貼板

<ol>??

??<li>HTML</li>??

??<li>CSS</li>??

??<li>JavaScript</li>??

</ol>??

總結

以上是生活随笔為你收集整理的HTML标签详解之格式标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。