整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          html基礎(chǔ)必備-文本格式標(biāo)記,前端小白一看就會

          本格式標(biāo)記

          以下HTML標(biāo)記用于格式化網(wǎng)頁上文本的外觀。這可以使網(wǎng)頁變得更加生動,但是,文本格式的太多變化也會使人不快。

          標(biāo)題 - <head> </head>

          head標(biāo)記有6個級別可用,從h1用于最大和最重要的標(biāo)題,到h6是最小的標(biāo)題。

          粗體 - <b> </b>

          b標(biāo)記之間的文本以粗體顯示,與周圍的文本相對突出。

          斜體 - <i> </i>

          i標(biāo)記以一個小角度顯示文本。

          下劃線 - <u> </u>

          u標(biāo)記在文本正文添加一條線,請注意,鏈接已經(jīng)有下劃線,不需要額外的標(biāo)記。

          刪除線 - <strike> </strike>

          strike標(biāo)記在文本的正中間畫一條線,通常用來表示文本是舊的,不再相關(guān),刪除。也可以用<s></s>代替。

          預(yù)格式化文本 - <pre> </pre>

          pre標(biāo)記之間的任何文本,包括空格、回車符和標(biāo)點符號,都將像在文本編輯器中一樣顯示在瀏覽器中(通常瀏覽器會忽略多個空格)

          源代碼 - <code> </code>

          code標(biāo)記之間的文本以固定寬度字體顯示,通常在顯示源代碼時使用。

          打字機(jī)文本 - <tt> </tt>

          tt標(biāo)記之間的文本就像是用打字機(jī)打出了一個固定寬度的文字。

          Block Quote - <blockquote> </blockquote>

          blockquote標(biāo)記定義一個塊引用,并且在塊的左右添加額外的邊距。

          小號字 - <small> </small>

          small標(biāo)記讓你無需設(shè)置字體大小,就可以使文本呈現(xiàn)比周圍稍小的外觀。

          字體顏色 - <font color="#??????"> </font>

          font標(biāo)記的color屬性改變幾個字或一段文字的顏色。屬性使用十六進(jìn)制顏色代碼。

          字體大小 - <font size="?"> </font>

          font標(biāo)記的size屬性改變字體的大小,值范圍從1到7,1是最小,7是最大。

          字體大小變化 - <font size="+/-?"> </font>

          font標(biāo)記的size屬性還可以相對于其前面的字體大小的作即時更改,此用法將按你指定的數(shù)字增減字體大小。例如:<font size="-1">一些文本</font>

          字體 - <font face="?"> </font>

          font標(biāo)記的face屬性以指定的字體顯示文本,值為字體名稱,如“Helvetica”、“Arial”或“Courier”。

          居中 - <center> </center>

          center標(biāo)記之間的所有內(nèi)容都居中。

          強(qiáng)調(diào) - <em> </em>

          em標(biāo)記用于強(qiáng)調(diào)文本,文本通常以斜體顯示,可能會根據(jù)瀏覽器的不同而有所不同。

          著重強(qiáng)調(diào) - <strong> </strong>

          strong標(biāo)記用于著重強(qiáng)調(diào)文本,通常以粗體顯示,可能會根據(jù)瀏覽器的不同而有所不同。

          例子

          下面是以上標(biāo)記的示例:

          瀏覽器顯示內(nèi)容如下所示:

          體效果

          <h1></h1> 標(biāo)題字(最大)

          <h6></h6> 標(biāo)題字(最小)

          <h1 align="center"></h1>

          <strong></strong> 粗體字(突出強(qiáng)調(diào))

          <b></b> 粗體字(bold:粗體)

          <i></i> 斜體字(italic:斜體)

          <u></u> 底線,文本添加下劃線:(underline:下劃線)

          <strike></strike>或<s></s> 橫線,相當(dāng)于加刪除線文本 <del></del> HTML5

          等寬文字標(biāo)簽:對于等寬文字設(shè)置多數(shù)情況用在英文文字顯示中

          <tt></tt> 打字體,類似打字機(jī)或者等寬的文本效果。

          <code></code> 等寬文字設(shè)置內(nèi)容(定義計算機(jī)代碼文本)

          <samp></samp> 等寬文字設(shè)置內(nèi)容(定義樣本文本)

          <kbd> 定義鍵盤文本。

          <sup></sup> 文字上標(biāo)字體標(biāo)簽(super)

          <sub></sub> 文字下標(biāo)字體標(biāo)簽(subscipt)

          <address></address> 設(shè)置地址文字(可定義一個地址,比如電子郵件地址。您應(yīng)當(dāng)使用它來定義地址、簽名或者文檔的作者身份。)

          <font></font> 編輯網(wǎng)頁文字樣式

          <font face="" size="" color=""></font>

          face屬性可以用于設(shè)置文字的名稱,可以是宋體、隸書、楷體等;

          size屬性用于設(shè)置字號的大小(單位:字號),從 1 到 7 的數(shù)字,或h1-h6。瀏覽器默認(rèn)值是3。

          color用于設(shè)置字體的顏色

          <font size="3" color="red">This is some text!</font>
          <font size="2" color="blue">This is some text!</font>
          <font face="verdana" color="green">This is some text!</font>

          手冊上沒有

          <ruby></ruby>和<rt></rt> 設(shè)置文字標(biāo)注標(biāo)記

          實例:

          <ruby>當(dāng)代最可愛的人<rt>志愿軍</rt></ruby>

          arkdown 起源:

          Markdown 是由約翰·格魯伯(John Gruber)和亞倫·斯沃茨(Aaron Swartz)共同創(chuàng)造的一種輕量級標(biāo)記語言。它于2004年首次發(fā)布,旨在提供一種易于編寫和閱讀的文本格式,以便將內(nèi)容轉(zhuǎn)換為結(jié)構(gòu)良好的 HTML。Markdown 的設(shè)計目標(biāo)是讓人們專注于內(nèi)容,而不是樣式。

          markdown - 簡潔易用的標(biāo)記語言

          Markdown 的起源可以追溯到格魯伯的一篇博文,他提出了一種簡單的標(biāo)記語法,以解決 HTML 編寫過程中繁瑣的問題。斯沃茨對此表示了興趣,并與格魯伯合作進(jìn)一步發(fā)展了 Markdown,并將其應(yīng)用于斯沃茨的項目中。隨著時間的推移,Markdown 逐漸獲得了廣泛的認(rèn)可和應(yīng)用,在編寫文檔、撰寫博客、寫作文檔和代碼文檔等領(lǐng)域都得到了廣泛使用。

          Markdown 的優(yōu)點:

          • 簡單易學(xué):Markdown 使用簡單的標(biāo)記語法,易于學(xué)習(xí)和使用,不需要復(fù)雜的編程知識。
          • 純文本格式:Markdown 文件是純文本格式,可以在任何文本編輯器中編寫,無需特殊的編輯器支持。
          • 易于閱讀和編寫:Markdown 的語法結(jié)構(gòu)清晰簡潔,可讀性強(qiáng),同時也方便編寫和編輯。
          • 平臺無關(guān)性:Markdown 可以在不同的平臺和設(shè)備上進(jìn)行編輯和閱讀,而不會受到格式兼容性的問題。
          • 可導(dǎo)出多種格式:Markdown 可以輕松轉(zhuǎn)換為 HTML、PDF、Word 等其他格式,便于在不同場景下使用。

          Markdown 的缺點:

          • 語法有限:Markdown 的語法相對簡單,不支持復(fù)雜的排版和高級功能,有時可能無法滿足特定的需求。
          • 樣式受限:由于 Markdown 的設(shè)計初衷是專注于內(nèi)容而非樣式,因此在樣式和布局方面的自定義能力相對有限。
          • 學(xué)習(xí)曲線:盡管 Markdown 的語法簡單,但對于完全不熟悉的用戶來說,仍然需要一些時間和實踐來掌握其語法規(guī)則。

          Markdown 常用語法:

          簡單整理了一下,以下是按常用和不常用順序排列的 Markdown 語法表格:

          標(biāo)題

          使用 # 標(biāo)記,可表示 1 到 6 級標(biāo)題

          粗體

          使用 **文本**__文本__ 標(biāo)記

          斜體

          使用 *文本*_文本_ 標(biāo)記

          引用

          使用 > 標(biāo)記引用文本

          無序列表

          使用 -+* 標(biāo)記列表項

          有序列表

          使用數(shù)字后跟 . 來標(biāo)記列表項

          任務(wù)列表

          使用 - [ ]- [x] 標(biāo)記未完成或已完成的任務(wù)

          鏈接

          使用 [鏈接文本](鏈接地址) 標(biāo)記超鏈接

          圖片

          使用 ![替代文本](圖片地址) 插入圖片

          代碼塊

          使用 標(biāo)記單行代碼塊,或使用 標(biāo)記多行代碼塊

          水平線

          使用 ---___*** 插入水平線

          表格

          使用 `

          腳注

          使用 [^腳注名稱] 標(biāo)記腳注,并在文本末尾定義腳注

          內(nèi)聯(lián) HTML

          可以在 Markdown 中使用部分 HTML 標(biāo)簽和屬性

          自動鏈接

          使用 <鏈接地址> 自動將鏈接轉(zhuǎn)換為可點擊的鏈接

          轉(zhuǎn)義字符

          使用反斜杠 \ 對特殊字符進(jìn)行轉(zhuǎn)義

          刪除線

          使用 ~~文本~~ 標(biāo)記刪除線

          注釋

          使用 <!-- 注釋內(nèi)容 --> 插入注釋

          轉(zhuǎn)義特殊字符

          使用 & 加上特殊字符代碼轉(zhuǎn)義特殊字符

          內(nèi)嵌 LaTeX 公式

          使用 $ 公式 $$$ 公式 $$ 插入內(nèi)嵌 LaTeX 公式

          定義 HTML 錨點

          使用 <a name="錨點名稱"></a> 定義 HTML 錨點

          自定義標(biāo)題標(biāo)識符

          使用 {#標(biāo)識符} 自定義標(biāo)題的 ID 屬性

          高亮顯示代碼

          使用三個反引號后加語言名稱來高亮顯示代碼塊

          表格對齊

          使用冒號 : 在表格中指定對齊方式

          注腳鏈接

          使用 [^腳注名稱] 創(chuàng)建注腳鏈接

          自動鏈接郵箱地址

          使用 <郵箱地址> 自動將郵箱地址轉(zhuǎn)換為可點擊的鏈接

          自動鏈接 URL

          使用 <鏈接地址> 自動將 URL 轉(zhuǎn)換為可點擊的鏈接

          轉(zhuǎn)義 HTML 標(biāo)簽

          使用反斜杠 \ 轉(zhuǎn)義 HTML 標(biāo)簽

          內(nèi)嵌圖表

          使用 {{圖表代碼}} 在 Markdown 中插入圖表

          轉(zhuǎn)義 Markdown 標(biāo)記

          使用反斜杠 \ 轉(zhuǎn)義 Markdown 標(biāo)記

          定義圖片尺寸

          使用 <img> 標(biāo)簽并指定 widthheight 屬性定義圖片尺寸

          擴(kuò)展語法(GFM)

          GitHub Flavored Markdown(GFM)提供了更多語法擴(kuò)展,如任務(wù)列表

          目錄

          使用 [TOC] 自動生成目錄

          請注意,這只是 Markdown 語法的一部分,而且不同的 Markdown 解析器可能會有略微不同的語法支持。

          文本編輯軟件推薦:

          第一款:Typora

          Typora是一款簡單高效的Markdown編輯器,使您可以輕松編寫和編輯純文本。讓您覺得它實際上是一個系統(tǒng)自帶應(yīng)用程序。通過為您提供所有必要的工具和一個組織良好的環(huán)境,使Markdown編輯任務(wù)看起來像是在散步。

          Typora 為您提供作為讀者和作者的無縫體驗。它刪除了預(yù)覽窗口、模式切換器、Markdown 源代碼的語法符號以及所有其他不必要的干擾,代之以實時預(yù)覽,以幫助您專注于內(nèi)容本身。

          軟件下載地址:https://alonggjx.com/1.html


          typora - 文本編輯器

          第二款:EmEditor Pro

          EmEditor Pro – 強(qiáng)大的文本編輯器專業(yè)版,為程序員、Web 開發(fā)人員和普通用戶提供語法說明和 Unicode 支持。編輯器功能包括使用正則表達(dá)式在文件中搜索和替換、自動檢測代碼、突出顯示鏈接和電子郵件地址、塊選擇模式、配置按鈕欄、菜單、字體和顏色元素。對于每種語言,您可以設(shè)置單獨的配置。該程序還支持用 javascript 或 VBScript 編寫的強(qiáng)大宏,使您可以捕獲經(jīng)常或偶爾使用的幾乎任何操作。

          軟件下載地址:https://alonggjx.com/146.html


          EmEditor pro -文本編輯器


          總結(jié):

          人們使用 Markdown 的主要原因是它的簡潔性和易用性。與其他標(biāo)記語言相比,Markdown 的語法更簡單,使得寫作和編輯變得更加高效。它使得編寫文檔和博客成為一種愉快的體驗,同時也方便了文檔的版本控制和協(xié)作編輯。此外,Markdown 的純文本格式使得文件易于存儲、分享和遷移,不受特定軟件或平臺的限制。因此,Markdown 成為了許多人在寫作和記錄文檔時的首選工具。


          主站蜘蛛池模板: 国产成人精品一区二区秒拍 | 国产Av一区二区精品久久| 国产成人久久精品一区二区三区 | 久久久久人妻一区二区三区| 在线视频一区二区三区| 国产精品电影一区二区三区| 国产美女av在线一区| 无码囯产精品一区二区免费| 一区二区和激情视频| 国产精品区AV一区二区| 97se色综合一区二区二区| 亚洲国产成人久久综合一区77| 亚洲av无码一区二区三区不卡| 麻豆国产在线不卡一区二区| 国产精品毛片a∨一区二区三区| 91一区二区三区四区五区| 午夜无码一区二区三区在线观看| 无码精品一区二区三区在线| 国产精品一区二区四区| 亚洲av午夜福利精品一区人妖| 在线视频精品一区| 亚洲欧洲一区二区| 一区二区视频在线免费观看| 精品人妻一区二区三区浪潮在线| 精品一区二区高清在线观看| 人妻体内射精一区二区三区| 四虎永久在线精品免费一区二区| 亚洲一区二区成人| 国产精品小黄鸭一区二区三区| 日本免费一区二区在线观看| 国产亚洲一区区二区在线| 国产精品乱码一区二区三| 日本一区二区不卡视频| 日韩精品一区二区三区在线观看| 日本片免费观看一区二区| 一本大道东京热无码一区| 日本一区二区三区久久| 天堂va在线高清一区| 国产乱码一区二区三区爽爽爽| 视频一区二区在线观看| 精品一区二区三区|