body內標籤（分類及常用總結）

阿新 • • 發佈：2019-01-21

標籤分類

1、單|雙標籤

單標籤在⾃身標籤標識結束，主要應⽤場景為功能性標籤雙標籤：

雙標籤有成對的結束標識，主要應⽤場景為內容性標籤。

2、⾏|塊標籤

⼜名內聯標籤，內聯標籤⾃身不具備寬⾼，通常同⾏顯示塊標籤：例：<b>, <td>, <a>, <img>，<span>

⼜名塊級標籤，塊標籤擁有⾃身寬⾼，通常獨⾃佔據⼀⾏。例：<h1>, <p>, <ul>, <table>，<div>

3、單⼀|組合標籤
單⼀標籤：單獨出現，表示具體的功能或展示具體的內容。
組合標籤：配合使⽤，才能產⽣相應的內容與效果。
<ruby>
 拼⾳<rt>pinyin</rt>
</ruby> 

標題(h></h)

標題（Heading）是通過 <h1> - <h6> 等標籤進行定義的。

<h1> 定義最大的標題。<h6> 定義最小的標題。
<!DOCTYPE html>
<html lang="en">
<head>
	<title>定義文件標題</title>
	
	<meta charset="utf-8">  
</head>

<body>
	<h1>This is a heading</h1>
	<h2>This is a heading</h2>
	<h3>This is a heading</h3>
	<h4>This is a heading</h4>
	<h5>This is a heading</h5>
	<h6>This is a heading</h6>
</body>

</html>
 
注：

瀏覽器會自動地在標題的前後新增空行。

預設情況下，HTML 會自動地在塊級元素前後新增一個額外的空行，比如段落、標題元素前後。

段落

段落是通過 <p> 標籤定義的。
<!DOCTYPE html>
<html lang="en">
<head>
	<title>定義文件標題</title>
	
	<meta charset="utf-8">  
</head>

<body>
	<p>This is a paragraph</p>
	<p>This is another paragraph</p>
</body>

</html>
 
注意：

瀏覽器會自動地在段落的前後新增空行。（<p> 是塊級元素）

使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。用 <br /> 標籤代替它！（但是不要用 <br /> 標籤去建立列表。）

- 段落折行（br /）

<!DOCTYPE html>
<html lang="en">
<head>
	<title>定義文件標題</title>
	<!-- 字元編碼，防止網頁亂碼   -->
	<meta charset="utf-8">  
</head>

<body>
	<p>This is a <br />paragraph</p>
	<p>This is <br />another paragraph</p>
</body>

</html>

- 分割線（hr/）----多用於段落之間的分割

<!DOCTYPE html>
<html lang="en">
<head>
	<title>定義文件標題</title>
	<!-- 字元編碼，防止網頁亂碼   -->
	<meta charset="utf-8">  
</head>

<body>
	<p>This is a paragraph</p>
	<hr />
	<p>This is another paragraph</p>
	 <hr />
</body>

</html>

- 顯示原文字文字（pre >< /pre）

<!DOCTYPE html>
<html lang="en">
<head>
	<title>定義文件標題</title>
	<!-- 字元編碼，防止網頁亂碼   -->
	<meta charset="utf-8">  
</head>

<body>
	<pre>This is a paragraph</pre>
	<hr />
	<p>This is another paragraph</p>
	 <hr />
</body>

</html>

section vs p

同為塊標籤，自動換行顯示每一段，但是section不存在行距，p自帶行距

注：section和P放在一起，p優先，使用行距
<!DOCTYPE html>
<html lang="en">
<head>
	<title>定義文件標題</title>
	
	<meta charset="utf-8">  
</head>

<body>
	111111
	<section>section</section>
	2222222222
	<p>ppppppp</p>
	<section>section2222222</section>

</body>

</html>

文字

<!DOCTYPE html>
<html lang="en">
<head>
	<title>定義文件標題</title>
	<!-- 字元編碼，防止網頁亂碼   -->
	<meta charset="utf-8">  
</head>

<body>
	<i>i:斜體字</i> 
	<em> em:斜體字，表示強調</em>
	<b>b:粗體字</b> 
	<strong>strong:粗體字，表示強調(語⽓更強)</strong> 
	<del>del:刪除的⽂本 </del>
	<ins>ins:插⼊的⽂本</ins>
	<small>small:⼩號字型</small> 

	<br/>
	<sub>sub:下標字</sub>
	<p>H<sub>2</sub>O</p>

	<sup>sup:上標字</sup> 
	<p>x<sup>2</sup></sub></p>
	
	<!-- 中⽂注⾳，h5新增 -->
	<ruby>
 		ruby:拼⾳<rt>rt:pinyin</rt>
	</ruby> 
</body>

</html>
</html>

容器（div and span）

-div

HTML <div> 元素是塊級元素，它是可用於組合其他 HTML 元素的容器。

<div> 元素沒有特定的含義。除此之外，由於它屬於塊級元素，瀏覽器會在其前後顯示折行。

如果與 CSS 一同使用，<div> 元素可用於對大的內容塊設定樣式屬性。

<div> 元素的另一個常見的用途是文件佈局。它取代了使用表格定義佈局的老式方法。使用 <table> 元素進行文件佈局不是表格的正確用法。<table> 元素的作用是顯示錶格化的資料。
<div style="color:#00FF00">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>
- span

HTML <span> 元素是內聯元素，可用作文字的容器。

<span> 元素也沒有特定的含義。

當與 CSS 一同使用時，<span> 元素可用於為部分文字設定樣式屬性。
<p><span>some text.</span>some other text.</p>

body內標籤（分類及常用總結）

目錄標籤分類標題(h> 段落文字 -div - span 標籤分類 1、單|雙標籤單標籤在⾃身標籤標識結束，主要應⽤場景為功能性標籤雙標籤：雙標籤有成對的結束標識，主要應⽤場景為內容性標籤。 2、⾏|塊標籤⼜名內

html標籤分類及常用標籤

html標籤 html標籤 HTML 元素指的是從開始標籤（start tag）到結束標籤（end tag）的所有程式碼。

JSP內置對象及常用的方法

並且 tex str ddc exceptio mime ins 路徑 ddr 1.out： println()：向客戶端輸出各種類型的數據 newLine()：輸出一個換行符 close()：關閉輸出流 fiush()：輸出緩沖區數據 clearBuffer()：清

ES6（簡介及常用）-下

所有對象的引用上下組合代碼 ext 回收 .html 布爾值八、Iterator 和 for of 值遍歷（谷歌瀏覽器無） 1、Iterator（遍歷器）的概念 JavaScript 原有的表示“集合”的數據結構，主要是數組（Array）和對象（Obje

ES6（簡介及常用）-上

我們 gree 要求同名並且 undefined extends err rgs 一、類的支持 1、簡介 ES6中添加了對類的支持，引入了class關鍵字。JS本身就是面向對象的，ES6中提供的類實際上只是JS原型模式的包裝。現在提供原生的class支持後，對象的創

五、mysql中sql語句分類及常用操作

所表 desc 直接常用操作文件 ble div alter .cn 1.sql語句分類： DQL語句　　數據查詢語言　　select DML語句　　數據操作語言　　insert delete update DDL語句　　數據定義語言　　create drop

機器學習中的概率模型和概率密度估計方法及VAE生成式模型詳解之九（第5章總結）

ces mark TP 生成機器分享 png ffffff images ? ?機器學習中的概率模型和概率密度估計方法及VAE生成式模型詳解之九（第5章總結）

Python學習 Day 039 - html - body中標籤的分類

body中標籤的分類 1.行內標籤 2.塊級標籤 1.行內標籤 (1)常用的行內標籤 <span> <a> <em> <i> &n

idea快捷鍵（常用總結）

idea快捷鍵： 1. 重構一切：Ctrl+Shift+Alt+T 2. 智慧補全：Ctrl+Shift+Space 3. 選你所想：Ctrl+W 4. 自我修復：Alt+Enter 5. 自動完成：Ctrl+Shift+Enter 6. 可以新建類、方法等任何東西、get/set、toSt

區塊鏈學習筆記02（區塊鏈分類及共識機制）

1、區塊鏈分類1)公開鏈--非許可鏈主要特徵：任何人可以引數與讀取、交易、寫入，可自由加入或離開，完全去中心化，賬本資訊公開透明，不受任何機構控制，需要挖礦來達成共識缺點：記賬延時高，成本高，效率低鏈的代表：比特幣、以太坊、EOS等 2)私有鏈--許可鏈主要特徵：記賬許可權由單獨個人或機構控制，記賬許可權由

PYTHON資料分類及常用程式碼

關於編碼 ascii：字母，數字，特殊字元：1個位元組，8位 Unicode：16位兩個位元組升級 32 位四個位元組 utf-8：最少一個位元組 8位表示。英文字母 8位 1個位元組歐洲16位，2個位元組中文24位，3個位元組 gbk：中文2個位元組，英文字母1個位元組。關

js：選擇器（常用總結）

<ul><li id="foo">foo</li> <li id="bar">bar</li> <li id="baz">baz</li> </ul> $('li').index

（百度Java面經）網際網路公司校招Java面試題總結及答案——百度（目前只是部分總結）

1.關鍵字transient 1）一旦變數被transient修飾，變數將不再是物件持久化的一部分，該變數內容在序列化後無法獲得訪問。 2）transient關鍵字只能修飾變數，而不能修飾方法和類。注意，本地變數是不能被transient關鍵字修飾的。變數如果是使用者自定

集合框架一（知識體系及常用方法）

知識體系 [] shm nsa ret eal ray lis 個數知識體系 Collection接口　　--List接口　　　　--存儲數據有序，可以存儲重復元素　　　　　　--ArrayList（主要實現類）底層以數組實現　　　　　　--LinkedList:

使用 sitemesh/decorator裝飾器裝飾jsp頁面（原理及詳細配置）

sa一、SiteMesh介紹SiteMesh是一個Java WEB項目的網頁布局和修飾框架。使用SiteMesh後就不再需要在每個頁面中都用<jsp:include>標簽引入頁頭、頁尾、導航等其他公用頁面了。可以將網頁的內容和頁面結構分離，達到頁面結構共享的目的。頁面裝飾效果耦合在目標頁面中，無需

SSH免登陸ESXI讓操作更便捷安全（幾種常用工具）

esxi vmware ssh工具免登陸授權訪問通常在企業環境中，管理員很少去機房在物理機面前進行操作，大部分管理員喜歡遠程管理主機，這樣既方便又高效。在windows上我們使用遠程桌面，在Linux上則使用SSH來連接。ESXi就是一個以Linux為核心改寫的操作系統，因此ESXi中也保留了SSH

python--DenyHttp項目（2）--ACM監考客戶端測試版（1階段完成總結）

tdi text class 測試版 window etl operate comm decode 　　客戶端： ‘‘‘ DenyManager.py 調用客戶端與客戶端界面 ‘‘‘ from DenyClient import * from DenyGui import

SpringBoot 返回json 字符串（jackson 及 fast json）

json數據 serialize fastjson serial app style sage cti 字符串一、jackson 1、Controller [email protected]/* */ [email protected]/* */

tomcat假死（原因及解決辦法）

空間 error: 解決 -h 多人 lan 特殊 sun out 一、懷疑JVM內存溢出　　表現：tomcat就連續拋java.lang.OutOfMemoryError的錯誤　　 1、首先是：java.lang.OutOfMemoryError: Java heap

二分圖匹配問題（——模板習題與總結）

什麽是多個習題 www. 最小路徑覆蓋最大多少 .cn 　　首先得知道什麽是二分圖匹配問題，給出一個二分圖，每個人與另外的一個或者多個人存在某種關系　　　　問將他們兩兩配對的對，最多能配成多少對。　　其次，明確幾個專業名詞。　　　　最大匹配：邊數最多的匹配成

body內標籤（分類及常用總結）

標籤分類

標題(h></h)

段落

- 段落折行（br /）

- 分割線（hr/）----多用於段落之間的分割

- 顯示原文字文字 （pre >< /pre）

section vs p

文字

容器（div and span）

-div

- span

相關推薦

- 顯示原文字文字（pre >< /pre）