body內標籤（分類及常用總結）
目錄
標籤分類
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 首先得知道什麽是二分圖匹配問題，給出一個二分圖，每個人與另外的一個或者多個人存在某種關系 問將他們兩兩配對的對，最多能配成多少對。 其次，明確幾個專業名詞。 最大匹配：邊數最多的匹配成