如何在简书中使用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 href="http://www.baidu.com">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,815评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,627评论 32 459
  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 849评论 0 0
  • 一、有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    hk_kh阅读 727评论 0 0
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,110评论 1 25