整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          html基礎標簽大全(網頁開發基礎)

          lt;hr>:畫一條直線

          1.<h1></h1>~<h6></h6>

          2.<meta>標簽

          (1)描述文檔類型和字符編碼

          (2)提供搜索關鍵字和內容描述信息,方便搜索引擎的搜索

          例:<head>

          <meta name= "keywords" content= "淘寶,網上購物,在線交易,交易市場" />

          <meta name= "description" content= "淘寶網-亞洲最大、最安全的網上交易

          平臺,提供各類服飾、美容、家居、數碼、……" />

          </head>

          3.HTML標簽分類(方便后續的布局設計):

          塊級標簽:顯示為“塊”狀,前后隔一行

          行級標簽:按行逐一顯示

          分類好處:方便后續的布局設計

          4.有序列表標簽:ol li

          5.無序列表標簽:ul li

          6.定義描述標簽:dt是塊狀標簽,所以常用于圖文混編的布局場合

          <dl>

          <dt>標題</dt>

          <dd>描述1</dd>

          ……

          </dl>

          7.表單form,一般和table一起使用:

          <form>

          <table>

          <tr>

          <td>...</td>

          <td>...</td>

          </tr>

          .....

          </table>

          </form>

          8.請說出實際開發常用的4種塊狀結構是什么?

          (1).div-ui(ol)-li:常用于分類導航欄或者菜單等

          (2).div-dl-dt-dd:常用于圖文混編場合

          (3).table-tr-td:常用于圖文布局或顯示數據

          (4).form-table-tr-td:常用于布局表單,登錄,注冊……

          9.圖像標簽:

          <img src="圖片地址" alt="提示文字" title="提示文字"/>

          alt:當圖片刷新不出來顯示這個文字

          title:鼠標放在圖片上顯示的文字

          10.鏈接標簽

          <a herf="鏈接地址">登錄</a>

          11.特殊符號:

          空格:

          大于:>1、因為<、>等符號在HTML中已使用,所以必須用其他符號來代替,都以分號結束(;)

          小于:<

          引號:&quot

          版本號:?

          12.各種功能表單元素

          會持續更新哦!免費學習資源。

          Markdown是一種輕量級標記語言,它最初由John Gruber和Aaron Swartz2004年共同創建,可以通過簡單、純文本的語法,快速構建格式化、排版精美的文檔。其可與HTML混編,可導出為HTML、PDF、Word等格式的文件

          Markdown可以讓作者更多地關注內容本身而非格式排版。同樣的內容,在Markdown里會比在Word、HTML等里容易很多

          • 如:定義一段粗體文字
            • Word中,我們需要選中這段文字,然后選中粗體格式,或快捷鍵ctrl+B
            • HTML中,我們需要用strong或b標簽包裹,或用CSS設置
            • 而在Markdown中,我們只需要在兩側用兩個星號**包裹即可

          得益于其簡潔、高效、易讀、易寫,Markdown被大量使用。如GitHub、Jupyter Notebook和各種博客平臺,都原生支持Markdown,可以說是技術文檔編寫的首選,甚至可以用來幫助寫公眾號文章(本篇推文即用Markdown編寫)

          使用

          Markdown文件通常采用.md的后綴,其可以在幾乎所有文本編輯器中打開編輯,如:電腦自帶的記事本等

          但,如果你想要預覽其排版格式化的內容,則需要使用對應支持的編輯器,好用的編輯器可以幫你快速預覽、導出各種格式的文檔或圖像等,下面介紹幾款主流好用的編輯器

          • Typora — 可實時預覽,界面簡潔,支持多種格式導出,可自由導入、切換、自定義各種主題
          • VSCode — 了解的應該都了解,搭配擴展,可實現Markdown的預覽編寫
          • Obsidian — 一款功能強大的筆記軟件,以雙向鏈接和知識圖譜為特色,適合筆記和知識管理
          • StackEdit — 功能強大的在線編輯器,可同步到Google DriveDropbox

          基礎語法

          千萬不要被標記語言嚇到,Markdown的語法十分簡單,常用的標記符號不超過十個,用于日常寫作記錄綽綽有余,幾乎不到半小時就能完全掌握,從此達到心中無塵,碼字入神的境界

          標題

          用于創建1-6級的標題,可對應HTMLh1 - h6

          用#后加一個空格再跟標題內容的語法創建,#的數量于標題級數成正比,幾級標題前就跟幾個#

          對應預覽效果(不同編輯器、主題會呈現不同效果,可自定義,本文采用github主題):

          段落

          創建段落,只需使用空白行一行或多行文本進行分隔

          預覽:

          如果段落含有語法字符,可使用 \ 轉義,如:\*轉義而非斜體\*

          詞匯語法

          強調

          可將文本設置為粗體斜體來強調其重要性

          • 粗體

          需要加粗文本,只需在待加粗內容前后兩側分別添加*星號_下劃線,推薦使用星號

          預覽(效果是一樣的):

          • 斜體

          需要斜體顯示文本,只需在待斜體內容前后兩側分別添加*星號_下劃線,推薦使用星號

          預覽(效果一致):

          • 粗斜體

          如果想要同時粗體和斜體,只需在待格式內容前后兩側各添加*星號_下劃線,推薦使用星號

          預覽:

          刪除線

          想要出現刪除線效果,只需在待刪除內容前后兩側各加~

          預覽:

          高亮

          想要高亮內容,只需在待高亮內容前后兩側各加=

          預覽:

          上下標

          有時需要使用上下標格式文本

          • 上標

          使用上標,需在待上標內容兩側加一個^

          預覽

          • 下標

          使用下標,需在待下標內容兩側~

          預覽

          鏈接

          可用于快速插入鏈接,達到跟HTMLa標簽同樣的效果

          語法為:[鏈接描述](鏈接地址)

          預覽:

          圖片

          可用于快速插入圖片,達到跟HTMLimg標簽同樣的效果

          語法為:![圖片描述](圖片鏈接地址,可本地或網絡),與鏈接語法類似,前面多了個!而已

          預覽:

          引用

          用于創建塊引用,達到突出引用內容的目的

          語法為:> 引用內容,采用>后跟一個空格再加待引用內容的形式

          如有多段引用內容,需要在每一段內容前均添加>包括分隔段落用的空白行

          預覽:

          引用還可以嵌套結合其它語法進行使用,如強調、鏈接、列表等,具體可自行嘗試

          分隔線

          單獨一行上使用三個或多個星號 ***、破折號--- 或下劃線 ___,并且不包含其他內容,可創建一條分隔線

          預覽(三種方式效果一致):


          列表

          用于將多個條目組織成有序或無序列表

          • 無序列表

          每個列表項前面添加破折號-、星號*或加號+(用空格隔開),縮進一個或多個列表項可創建嵌套列表

          預覽:

          • 有序列表

          每個列表項前添加數字并緊跟一個英文句點(用空格隔開),數字不必按數學順序排列,但是列表會當以數字1起始

          預覽:

          代碼

          可將短語或單詞表示為代碼,兩側各使用一個反引號`

          如果想在代碼內含有反引號,可在內容兩側使用反引號`包裹

          預覽:

          代碼塊

          用于表示一整段代碼內容,語法如下,用三個反引號```三個波浪號~~~包裹塊內容

          預覽:

          反引號后可跟內容塊語法的標注名稱,可起到語法高亮效果,也可不跟內容,表示普通純文本

          內嵌HTML

          有時候,單純的Markdown并不能滿足我們的全部需求,此時可直接使用HTML標簽表達

          <span><cite><del><a><img><div>等標簽,同時可搭配一些簡單的屬性樣式,起到改變文字、圖片大小等效果

          高級語法

          基礎語法用于應對大部分日常場景已經十分夠用,但對于某些場景仍有一些不夠

          表格

          使用個或連字符---創建分隔標題與內容塊,并使用管道|分隔每列,可以選擇在表的任一端添加管道

          預覽:

          默認是采用左對齊,可在分隔行兩側添加冒號:表示左對齊、右對齊或居中

          預覽:

          任務列表

          在列表項前帶有復選框,用于表達任務的完成與否

          語法參考:在任務列表項之前添加破折號-方括號[ ](兩者用空格隔開),選擇復選框,需在方括號[]里面添加x,如[x]

          預覽:

          腳注

          可以為內容添加注釋和參考

          • 腳注使用[^1]: 注釋一內容的形式定義,[^1]為腳注標識,^后可跟數字或單詞(這里為數字1),腳注內容標識之間用冒號空格隔開
          • 引用腳注只需在內容后加腳注標識即可[^1]

          預覽:

          最后

          除了本文介紹內容,Markdown還可以擴展流程圖圖表數學公式等語法,感興趣可自行深入了解

          同時,搭配不同主題還可以生成各種精美格式、以下是一個擬態風的自定義主題預覽

          談到輕量級標記語言時,Markdown是一個備受歡迎的選擇。它的簡潔性和易讀性使其成為許多人在寫作、博客、筆記和技術文檔中的首選。在本文中,我將介紹Markdown的基本語法,以及一些常用的Markdown編輯器。

          Markdown 簡介

          Markdown是一種純文本格式,用于編寫結構化文檔。它不僅易于閱讀和書寫,還可以與HTML混編,導出為HTML、PDF或Markdown格式的文件。以下是一些常用的Markdown語法:

          1. 標題

          使用#來設置標題,一級標題用一個#,二級標題用兩個,以此類推。例如:

          # 一級標題
          ## 二級標題
          ### 三級標題
          

          2. 列表

          無序列表使用-,有序列表使用阿拉伯數字和英文句號。例如:

          - 無序列表項1
          - 無序列表項2
          1. 有序列表項1
          2. 有序列表項2
          

          3. 鏈接和圖片

          插入鏈接:[顯示文本](鏈接地址)
          插入圖片:![](圖片鏈接地址)

          4. 引用

          使用>表示引用,例如:

          > 歡迎關注微信公眾號
          

          5. 粗體和斜體

          使用*包含文本表示斜體,使用兩個*包含文本表示粗體。

          6. 代碼引用

          使用單個反引號(`)括起來表示行內代碼,使用三個反引號(```)表示代碼塊。

          常用的Markdown編輯器

          以下是一些支持Markdown語法的編輯器:

          1. Typora:一個極簡的Markdown編輯器,支持Windows、MacOS和Linux。
          2. Ulysses:適用于MacOS和iOS的Markdown編輯器。
          3. Bear:適用于MacOS和iOS的Markdown編輯器。
          4. Atom:支持Windows、MacOS和Linux的代碼編輯器。
          5. Visual Studio Code:功能強大的代碼編輯器,支持Windows、MacOS和Linux。
          6. 印象筆記:支持Android、iOS、Windows和MacOS。
          7. 有道云筆記:支持Android、iOS、Windows和MacOS。
          8. 石墨文檔:支持Android、iOS、Windows、MacOS和小程序。

          這些工具都能幫助你高效地使用Markdown進行寫作,讓你專注于內容而不必擔心排版。
          希望你在使用Markdown時能夠更加得心應手!


          主站蜘蛛池模板: 国产精品亚洲一区二区三区在线| 国产亚洲情侣一区二区无码AV| 精品一区二区三区视频在线观看 | 天天躁日日躁狠狠躁一区| 天码av无码一区二区三区四区| 日日摸夜夜添一区| 国产成人无码AV一区二区| 美女视频一区二区| 国产在线观看一区二区三区四区 | 国产高清一区二区三区视频| 人妻AV中文字幕一区二区三区| 国产精品亚洲不卡一区二区三区| 日韩一区二区三区电影在线观看| 97se色综合一区二区二区| 亚洲一区免费观看| 日产亚洲一区二区三区| 久久99精品国产一区二区三区 | 蜜桃无码AV一区二区| 伊人激情AV一区二区三区| 久久精品中文字幕一区| 四虎永久在线精品免费一区二区 | 中文字幕日本一区| 国产精品毛片a∨一区二区三区| 精品一区二区91| 亚洲AV无码一区二三区| 区三区激情福利综合中文字幕在线一区| 无码国产伦一区二区三区视频| 国产精品福利一区二区| 久久免费区一区二区三波多野| 国产乱码伦精品一区二区三区麻豆| 日本精品少妇一区二区三区| 立川理惠在线播放一区| 成人免费一区二区三区| 91国在线啪精品一区| 日韩欧国产精品一区综合无码| 久久国产视频一区| 亚洲日韩一区二区三区| 国产精品一区电影| 在线精品亚洲一区二区小说| 一区二区视频在线播放| 亚洲av无码一区二区三区四区|