Markdown語法字體字號講解

學習目錄

  • 語法詳解
    • 改變字體樣式`[電腦要自帶該樣式字體]`
    • 改變局部字號
    • 全局字體字號的設置
    • 使用場景及應用實例
  • > 快來試試吧😃

👇 👇
在這里插入圖片描述👈點擊該圖片即可跳轉至Markdown學習網站進行

Markdown語法字體字號講解👈點擊這里也可查看

語法詳解

改變字體樣式[電腦要自帶該樣式字體]

在Markdown文件中,使用標簽的face屬性可以進行修改文字字體。
實例一:

使用 <font> 標簽的修改字體

常用字體

Markdown語言渲染結果
這是默認字體這是默認字體
<font face="仿宋">這是宋體</font>這是宋體
<font face="楷體">這是楷體</font>這是楷體
<font face="courier New">This is courier New</font>This is courier New
<font face="仿宋" color=red>這是紅色宋體</font>這是紅色宋體
<font face="楷體" color="blue">這是藍色楷體</font>這是藍色楷體
<font face="仿宋" color=red size=4>這是紅色4號宋體</font>這是紅色4號宋體
<font face="楷體" color="blue" size=5>這是藍色5號楷體</font>這是藍色5號楷體
<font face="courier New" color= #20B2AA size=6>This is LightSeaGreen courier New size 6</font> This is LightSeaGreen courier New size 6
<font face="Aa武道家" size=5>這是Aa武道家size=5</font>這是Aa武道家size=5

改變局部字號

Markdown文檔中字號的定義有三種方式,第一種是使用標簽;第二種通過或者標簽;第三種是通過 修改style樣式實現。

使用<font>標簽進行設置

實例2:

Markdown語言渲染結果
<font size="1">1號字 最小</font> 1號字
<font size="2">2號字</font>2號字
<font size="3">3號字 默認</font>3號字
<font size="4">4號字</font>4號字
<font size="5">5號字</font>5號字
<font size="6">6號字</font>6號字
<font size="7">7號字 最大</font> 7號字


1號字 最小2號字3號字 默認4號字5號字6號字7號字 最大

使用<big><small>標簽進行修改局部字號

實例3:
這段文字里既包含<big>放大了的文字</big>,也包含<small>縮小了的文字</small>
渲染結果:這段文字里既包含放大了的文字,也包含縮小了的文字

全局字體字號的設置

實例4:
使用style樣式修改全局字體和字號。

使用 style 修改字體字號

首先設置好樣式樣式寫在編輯器中不會顯示,僅僅會將對應的段落設置成相關的樣式

<style>
h1 { font: 26pt song !important; }
h2 { font: 22pt song !important; }
h3 { font: 16pt song !important; }
p { font: 14pt kai !important; }
</style>`
代碼渲染
<h1>這是h1段落的渲染</h1>

這是段落h1的渲染

<h2>這是段落的渲染<h2/>

這是段落h2的渲染

<h3>這是段落的渲染<h3/>

這是段落h3的渲染

<p>這是段落的渲染<p/>

這是段落p的渲染

使用場景及應用實例

全局字體字號的修改通常用于對格式有嚴格要求的場景,比如畢業論文、或者招投標書之類的官方文檔。
局部字體字號的修改更常見于個人博客類文章、用多元化的字體形式豐富文章的 “性格”。

實例 5:
制作一段標簽云效果。

標簽云實例

<font face="KAI" size=5>大江東去</font>
<font face="KAI" size=3>海之一粟</font>
<font face="KAI">江海寄余生</font>
<font face="song" size=5>天涯何處無芳草</font>  
<font face="KAI" size=5>一蓑煙雨任平生</font>
<font face="HEI" size=7>蘇東坡</font>
<font face="HEI" size=4>寂寞沙洲冷</font>  
<font size=6>但愿人長久</font>
<font size=5>十年生死兩茫茫</font>
<font size=2>詩酒趁年華</font>

標簽云實例:

大江東去海之一粟江海寄余生天涯何處無芳草


一蓑煙雨任平生蘇東坡寂寞沙洲冷

但愿人長久十年生死兩茫茫詩酒趁年華

如果對您有幫助,請您點贊、收藏、關注、轉發,讓更多的人看到。

> 快來試試吧😃

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/64241.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/64241.shtml
英文地址,請注明出處:http://en.pswp.cn/web/64241.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Spring boot處理跨域問題

Spring boot處理跨域問題 方案一方案二推薦解決方案注意 方案一 實現WebMvcConfigurer的addCorsMappings方法 Configuration public class InterceptorConfig implements WebMvcConfigurer {Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMappin…

TOTP雙因素認證(2FA)php簡單實現

TOTP身份驗證的工作原理基于時間戳和密鑰。用戶需要在設置階段將密鑰與相應的身份驗證器進行綁定。通常&#xff0c;用戶會在需要使用TOTP動態驗證碼的APP或網站上獲得一個密鑰&#xff0c;然后將該密鑰添加到TOTP驗證器工具上。驗證器會根據當前的時間戳和密鑰生成一個一次性密…

day21——web自動化測試(3)Unittest+Selenium實戰小案例

【沒有所謂的運氣&#x1f36c;&#xff0c;只有絕對的努力?】 目錄 今日目標&#xff1a; 1、UnitTest框架 2、UnitTest 核心用例 2.1 TestCase 2.2 TestSuite 2.3 TestRunner 2.4 TestLoader 2.5 TestLoader 與 TestSuite的區別 2.6 Fixture 3、斷言 3.1 1230…

【Flink運行時架構】系統構架

SMP架構 數據處理系統的架構最簡單的實現方式就是單節點&#xff0c;但是隨著數據量的增大&#xff0c;為了使單節點的機器性能更加強大&#xff0c;需要增加CPU數量和加大內存來提高吞吐量。這就是所謂的SMP(Symmetrical Multi Processing,對稱多處理)架構。 但是這種架構帶來…

CountDownLatch應用舉例

定義 CountDownLatch是juc下的一個多線程鎖&#xff0c;下面是jdk對它的定義 A synchronization aid that allows one or more threads to wait until a set of operations being performed in other threads completes. 翻譯如下 一種同步輔助工具&#xff0c;允許一個或多個…

ADC(二):外部觸發

有關ADC的基礎知識請參考標準庫入門教程 ADC&#xff08;二&#xff09;&#xff1a;外部觸發 1、TIM1的CC1事件觸發ADC1DMA重裝載2、TIM3的TRGO事件(的更新事件)觸發ADC1DMA重裝載3、TIM3的TRGO事件(的捕獲事件)觸發ADC1DMA重裝載4、優化TIM3的TRGO事件(的捕獲事件)觸發ADC1D…

磁盤分區格式

MBR和GPT ?磁盤分區形式主要有兩種&#xff1a;MBR和GPT。?? MBR&#xff08;Master Boot Record&#xff09; MBR是一種較舊的分區形式&#xff0c;首次引入于1983年的IBM PC DOS 2.0。它位于驅動器的第一個扇區&#xff0c;包含460字節的引導代碼、64字節的磁盤分區表和…

幾個支持用戶名密碼的代理鏈工具: glider, gost, proxychains+microsocks

幾個支持用戶名密碼的代理鏈工具: glider, gost, proxychainsmicrosocks gost -L:7777 -Fsocks5://192.168.2.20:7575 -Fsocks5://user:passwd1.1.1.1:10086 -Dgost&#xff1a;(https://github.com/ginuerzh/gost) 參考 https://www.quakemachinex.com/blog/279.html

量子退火與機器學習(1):少量數據求解未知QUBO矩陣,以少見多

文章目錄 前言ー、復習QUBO&#xff1a;中藥配伍的復雜性1.QUBO 的介入&#xff1a;尋找最佳藥材組合 二、難題&#xff1a;QUBO矩陣未知的問題1.為什么這么難&#xff1f; 三、稀疏建模(Sparse Modeling)1. 欠定系統中的稀疏解2. L1和L2的選擇&#xff1a; 三、壓縮感知算法(C…

【連續學習之SSL算法】2018年論文Selfless sequential learning

1 介紹 年份&#xff1a;2018 期刊&#xff1a; arXiv preprint Aljundi R, Rohrbach M, Tuytelaars T. Selfless sequential learning[J]. arXiv preprint arXiv:1806.05421, 2018. 本文提出了一種名為SLNID&#xff08;Sparse coding through Local Neural Inhibition and…

關于SNAT、DNAT及浮動地址

SNAT、DNAT SNAT、DNAT就是實現代理的功能。 SNAT 類似于客戶端代理&#xff1a;內網主機通過共享公網 IP 地址訪問外部服務。DNAT 類似于服務端代理&#xff1a;外部請求通過公網 IP 轉發到內網主機上的服務。 沒有大網地址的內部主機想要作為客戶端訪問外部網絡&#xff08;主…

結構方程模型【SEM】:嵌套分層數據及數據分組分析

結構方程模型&#xff08;System of Equations Model&#xff0c;簡稱SEM&#xff09;&#xff0c;在生態學和環境科學中通常指的是一組描述生態系統中能量、物質和信息流動的數學方程。這些方程可以是確定性的&#xff0c;也可以是隨機的&#xff0c;它們共同構成了一個模型&a…

hot100_56. 合并區間

以數組 intervals 表示若干個區間的集合&#xff0c;其中單個區間為 intervals[i] [starti, endi] 。 請你合并所有重疊的區間&#xff0c;并返回 一個不重疊的區間數組&#xff0c;該數組需恰好覆蓋輸入中的所有區間 。數據結構 二維鏈表存儲每個區間 方法 先對每個區間的…

Python大數據:基于Python的王者榮耀戰隊數據分析系統的設計與實現

系統展示 比賽信息管理 看板展示 系統管理 摘要 本文使用Python與MYSQL技術搭建了一個王者榮耀戰隊的數據分析系統。對用戶提出的功能進行合理分析&#xff0c;然后搭建開發平臺以及配置計算機軟硬件&#xff1b;通過對數據流圖以及系統結構的設計&#xff0c;創建相應的數據…

兩分鐘解決:vscode卡在設置SSH主機,VS Code-正在本地初始化VSCode服務器

問題原因 remote-ssh還是有一些bug的&#xff0c;在跟新之后可能會一直加載初始化SSH主機解決方案 1.打開終端2.登錄鏈接vscode的賬號&#xff0c;到家目錄下3.找到 .vscode-server文件,刪掉這個文件4.重啟 vscode 就沒問題了

深入理解與優化Java二維數組:從定義到性能提升的全面指南

1. 定義和初始化二維數組 在Java中&#xff0c;二維數組可以看作是數組的數組。你可以將它想象成一個矩陣或表格&#xff0c;每個元素是一個數組。 1.1 定義二維數組 二維數組的定義語法如下&#xff1a; datatype[][] arrayName;datatype 是數組元素的數據類型。arrayName…

day26 文件io

函數接口 1 .open和close 文件描述符&#xff1a;系統為用open打開的文件分配的標識符 非負的整形數據 0-1023 最小未被使用原則 使用完時及時釋放&#xff0c;避免文件描述符溢出 文件描述溢出就是文件使用完沒有及時關閉文件 int open(const char *pathname, int flags); /…

Java Stream流詳解——串行版

Stream流——串行版 ? Stream流是java8引入的特性&#xff0c;極大的方便了我們對于程序內數據的操作&#xff0c;提高了性能。通過函數式編程解決復雜問題。 1.BaseStream<T,S extense BaseStream<T,S>> ? 他是流處理的基石概念&#xff0c;重點不在于這個接…

el-backtop(返回頂部)

案例&#xff1a; <el-backtop target".app-main"><svg-icon icon-class"backtop" size"24px" /></el-backtop>

探秘“香水的 ChatGPT”:AI 開啟嗅覺奇幻之旅!

你沒有看錯&#xff0c;AI也能聞到味道了&#xff01;這是一家名為Osmo公司公布的信息&#xff0c;他們成功創造出了由AI生成的李子味道&#xff0c;快跟著小編一探究竟吧~ 【圖片來源于網絡&#xff0c;侵刪】 Osmo公司的這項技術&#xff0c;通過分析香味的化學成分和人類嗅…