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中已使用,所以必須用其他符號來代替,都以分號結束(;)
小于:<
引號:"
版本號:?
12.各種功能表單元素
會持續更新哦!免費學習資源。
Markdown是一種輕量級標記語言,它最初由John Gruber和Aaron Swartz在2004年共同創建,可以通過簡單、純文本的語法,快速構建格式化、排版精美的文檔。其可與HTML混編,可導出為HTML、PDF、Word等格式的文件
Markdown可以讓作者更多地關注內容本身而非格式排版。同樣的內容,在Markdown里會比在Word、HTML等里容易很多
得益于其簡潔、高效、易讀、易寫,Markdown被大量使用。如GitHub、Jupyter Notebook和各種博客平臺,都原生支持Markdown,可以說是技術文檔編寫的首選,甚至可以用來幫助寫公眾號文章(本篇推文即用Markdown編寫)
Markdown文件通常采用.md的后綴,其可以在幾乎所有文本編輯器中打開編輯,如:電腦自帶的記事本等
但,如果你想要預覽其排版格式化的內容,則需要使用對應支持的編輯器,好用的編輯器可以幫你快速預覽、導出各種格式的文檔或圖像等,下面介紹幾款主流好用的編輯器
千萬不要被標記、語言嚇到,Markdown的語法十分簡單,常用的標記符號不超過十個,用于日常寫作記錄綽綽有余,幾乎不到半小時就能完全掌握,從此達到心中無塵,碼字入神的境界
用于創建1-6級的標題,可對應HTML的h1 - h6
用#后加一個空格再跟標題內容的語法創建,#的數量于標題級數成正比,幾級標題前就跟幾個#
對應預覽效果(不同編輯器、主題會呈現不同效果,可自定義,本文采用github主題):
創建段落,只需使用空白行將一行或多行文本進行分隔
預覽:
如果段落含有語法字符,可使用 \ 轉義,如:\*轉義而非斜體\*
強調
可將文本設置為粗體或斜體來強調其重要性
需要加粗文本,只需在待加粗內容前后兩側分別添加兩個*星號或_下劃線,推薦使用星號
預覽(效果是一樣的):
需要斜體顯示文本,只需在待斜體內容前后兩側分別添加一個*星號或_下劃線,推薦使用星號
預覽(效果一致):
如果想要同時粗體和斜體,只需在待格式內容前后兩側各添加三個*星號或_下劃線,推薦使用星號
預覽:
刪除線
想要出現刪除線效果,只需在待刪除內容前后兩側各加兩個~
預覽:
高亮
想要高亮內容,只需在待高亮內容前后兩側各加兩個=
預覽:
上下標
有時需要使用上下標格式文本
使用上標,需在待上標內容兩側加一個^
預覽
使用下標,需在待下標內容兩側加一個~
預覽
可用于快速插入鏈接,達到跟HTML的a標簽同樣的效果
語法為:[鏈接描述](鏈接地址)
預覽:
可用于快速插入圖片,達到跟HTML的img標簽同樣的效果
語法為:,與鏈接語法類似,前面多了個!而已
預覽:
用于創建塊引用,達到突出引用內容的目的
語法為:> 引用內容,采用>后跟一個空格再加待引用內容的形式
如有多段引用內容,需要在每一段內容前均添加>,包括分隔段落用的空白行
預覽:
引用還可以嵌套結合其它語法進行使用,如強調、鏈接、列表等,具體可自行嘗試
在單獨一行上使用三個或多個星號 ***、破折號--- 或下劃線 ___,并且不包含其他內容,可創建一條分隔線
預覽(三種方式效果一致):
用于將多個條目組織成有序或無序列表
在每個列表項前面添加破折號-、星號*或加號+(用空格隔開),縮進一個或多個列表項可創建嵌套列表
預覽:
在每個列表項前添加數字并緊跟一個英文句點(用空格隔開),數字不必按數學順序排列,但是列表會當以數字1起始
預覽:
可將短語或單詞表示為代碼,兩側各使用一個反引號`包
如果想在代碼內含有反引號,可在內容兩側使用兩個反引號`包裹
預覽:
用于表示一整段代碼內容,語法如下,用三個反引號```或三個波浪號~~~包裹塊內容
預覽:
反引號后可跟內容塊語法的標注名稱,可起到語法高亮效果,也可不跟內容,表示普通純文本
有時候,單純的Markdown并不能滿足我們的全部需求,此時可直接使用HTML標簽表達
如<span>、<cite>、<del>、<a>、<img>或<div>等標簽,同時可搭配一些簡單的屬性樣式,起到改變文字、圖片大小等效果
基礎語法用于應對大部分日常場景已經十分夠用,但對于某些場景仍有一些不夠
使用三個或多個連字符---創建分隔標題與內容塊,并使用管道|分隔每列,可以選擇在表的任一端添加管道
預覽:
默認是采用左對齊,可在分隔行兩側添加冒號:表示左對齊、右對齊或居中
預覽:
在列表項前帶有復選框,用于表達任務的完成與否
語法參考:在任務列表項之前添加破折號-和方括號[ ](兩者用空格隔開),選擇復選框,需在方括號[]里面添加x,如[x]
預覽:
可以為內容添加注釋和參考
預覽:
除了本文介紹內容,Markdown還可以擴展流程圖、圖表和數學公式等語法,感興趣可自行深入了解
同時,搭配不同主題還可以生成各種精美格式、以下是一個擬態風的自定義主題預覽
Markdown是一種純文本格式,用于編寫結構化文檔。它不僅易于閱讀和書寫,還可以與HTML混編,導出為HTML、PDF或Markdown格式的文件。以下是一些常用的Markdown語法:
使用#來設置標題,一級標題用一個#,二級標題用兩個,以此類推。例如:
# 一級標題
## 二級標題
### 三級標題
無序列表使用-,有序列表使用阿拉伯數字和英文句號。例如:
- 無序列表項1
- 無序列表項2
1. 有序列表項1
2. 有序列表項2
插入鏈接:[顯示文本](鏈接地址)
插入圖片:
使用>表示引用,例如:
> 歡迎關注微信公眾號
使用*包含文本表示斜體,使用兩個*包含文本表示粗體。
使用單個反引號(`)括起來表示行內代碼,使用三個反引號(```)表示代碼塊。
以下是一些支持Markdown語法的編輯器:
這些工具都能幫助你高效地使用Markdown進行寫作,讓你專注于內容而不必擔心排版。
希望你在使用Markdown時能夠更加得心應手!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。