如何在簡書中使用HTML標簽來排版

簡書可以采用markdown語法來進行更豐富的排版
我們需要先進行設置:
在簡述點擊自己頭像--設置--常用編輯器MarkDown

HTML的語法格式是采用開始標簽:“<元素 屬性名="屬性值"(可選)>” 加上結束標簽:“</元素>”。
注意一定要定義結束標簽,不然效果會一直影響到文章末尾。

效果如下:
<blockquote><h1>這是一個標題</h1></blockquote></br>

<h3>在簡書中,可以用到比較實用的元素有下面這幾種:</h3>
<ul>
<li>標題:h1 - h6。h1是最大的標題h6是最小的標題</li>
<li>換行: br。</li>
<li>分割線: 三個連續的-。</li>
<li>文本格式化:b粗體 big大號 em著重 i斜體 small小號 strong加重 </li>
<li>預格式化: pre</li>
<li>引用: blockquote</li>
<li>超鏈接: a 需要加上href = "網址"屬性,可以跳轉到其他網站鏈接</li>
<li>無序列表: ul(定義一個無序列表), li(定義列表項)</li>
<li>有序列表:ol(定義一個有序列表), li(定義列表項)</li>
</ul>
</br>
<h1>下面來看看效果:</h1>
</br>
標題:
已經說了就不再說了
</br></br>
換行:
有時候我們想換很多行,但是簡書只支持換一行,就會用到。
代碼:

效果:
<blockquote>
這是一個例子
</br></br></br></br></br>
想要換很多行</blockquote>

</br></br>
分割線
三個連續的“-”符號效果


</br></br>
文本格式化:
大家自己試試,下面是效果:
<b>b粗體</b> <big>大號</big> <em>著重</em> <i>斜體</i> <small>小號</small> <strong>加重</strong>
</br></br>
預格式化:
<pre>預格式化效果</pre>
引用:
<blockquote>引用的效果: blockquote</blockquote>
</br></br>
超鏈接:
注意鏈接要在開始標簽里面添加href="跳轉地址"屬性

代碼



效果
<a >www.baidu.com</a>
</br></br>
無序列表:

<ul>
<li>第一點</li>
<li>第二點</li>
<li>第三點</li>
</ul>

</br></br>
有序列表:最外層ul換成ol即可
<ol>
<li>第一點</li>
<li>第二點</li>
<li>第三點</li>
</ol>

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,805評論 1 92
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,621評論 32 459
  • 一,有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區別?在哪些情況下使用哪種(重要)?...
    kingBirds閱讀 848評論 0 0
  • 一、有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區別?在哪些情況下使用哪種(重要)?...
    hk_kh閱讀 708評論 0 0
  • HTML5 標簽comment 注釋標簽用于在源文檔中插入注釋。注釋內容不會被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,091評論 1 25