美文网首页web开发@IT·互联网
学markdown怎能不知道与之相关的html了

学markdown怎能不知道与之相关的html了

作者: 知识学者 | 来源:发表于2017-05-08 19:07 被阅读134次



<h2>导言</h2>
<strong> markdown,hthl都是超文本标记语言,markdown是简化版本的html,兼容html语言,熟悉一下html将有助于你更加熟悉markdown,其实是想说,自己准备开始写文章了,所以自己想要了解一下markdown嘛</strong>
<em>这篇文章大部分是用html,在markdownpad写的,简书上不支持的标签,我改了。</em>


<h2>1.0 超链接标签</h2>
<a href="https://zhidao.baidu.com/uteam/view?teamId=98919">百度知道-码农之家-回答电脑问题团队</a>
[**百度知道-码农之家-回答电脑问题团队**](https://zhidao.baidu.com/uteam/view?teamId=98919)
语法如下[内容](url)

1.PNG

<h2>2.0 markdown常用标签</h2>


<b>___水平分隔线</b> <strong>粗体</strong> **粗体** <em>斜体</em> *斜体* 空格 [貌似markdown可以直接敲] × × ÷ ÷
<u>下划线</u> <u>下划线</u> <del>删除线</del> <del>删除线</del>.

以下这些符号前面加上反斜杠来帮助插入普通的符号
, #, +, !, { }, [ ], ();

因为>在html中是起始标签,所以只能 <

因为 &在html中是标记实体,所以只能&

<br>
换行一个 Markdown 段落是由一个或多个连续的文本行组成,它的前后要有一个以上的空行(空行的定义是显示上看起来像是空的,便会被视为空行。比方说,若某一行只包含空格和制表符,则该行也会被视为空行)。普通段落不该用空格或制表符来缩进。

2.0.PNG
<h2>3.0 六级标题</h2>
<h1>一级标题</h1>#一级标题
<h2>二级标题</h2>##二级标题
<h3>三级标题</h3>###级标题


<strong>如此类推到六级</strong> 3.0.PNG

<h2>4.0 代码[code]</h2>
<code>
print("喜欢就点赞") #人生苦短,我用py; </code> ```print("喜欢就点赞") #人生苦短,我用py;```
<b> 就是按tab上面那个,按键,多按几次[不少于3次],形成闭合就行了。```这里面包围的叫做代码块```</b>

4.0.PNG
<h2>5.0 段落标记</h2>
<p> 这是一个段落</p>对于markdown可以直接区分,但是我还是比较喜欢
<p>这种</p> <b>逻辑结构看着很清楚,在latex排版中,我的markdownpad
支持 <hr>。支持<br/>这种可以但标记形成闭合,简书不行。
<h2>6.0 预格式法则</h2>
<p> 这种手段在哪里都有,就是保留你原本写在文档中的形式</p>
<pre>

include <iostream>

 using namespace std;

 int main()

{
cout<<"hello markdown"<<" ";
return 0;
}

</pre>
<h2>7.0 引用+插图 </h2>
引用就是 >加上一段文字;

滴滴,学生卡;
<blockquote>滴滴,学生卡。</blockquote>



插图就是:
![](url)



东风冷雪

<h2>8.0 列表</h2>
<b> 无序列表 </b>
语法是 *+空格[或是+,- 在按一个空格,简单就行,我感觉*号在粗体,斜体,这里都有用,记住它就行了。


<pre>
* 滴滴,学生卡
* 喜欢,就点赞
* 别说话,只看就行了
</pre>
!5.PNG
<strong>有序列表</strong>
语法是 数字+英文的点,[这里的数字任意写,列表是会是有序的,因为数字+英文点子上代表标记有序列表的开始。

<pre>

  1. 眼熟我
  2. 其实我是拿html写的,用markdown语法翻译的,每一个网站的markdown都有些不同。
    </pre>
6.PNG
<h2> 9.0 表格[简书好像不支持这样,我markdownpad上写的]</h2>

<tr>  <th>caption标题</th>   <th>th表格头标记</th>  </tr>
<tr>  <th>tr表格行标记</th>   <th>td表格列标记</th> </tr>
</table>```

![7.PNG](http:https://img.haomeiwen.com/i4976516/9206ab8c2d2bc2cc.PNG?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
<br>
<h2> 结尾</h2>
<p>   我能想到的与markdown相关的html就这么多,看了这个会加深你对markdown的了解,简书的markdown和我的markdownpad,还是支持有些不同。</p>
<p>   想从这以后写cs方面的博客了,工欲善其事必先利其器。</p>

![markdownpad.PNG](http:https://img.haomeiwen.com/i4976516/d0c00a821997b339.PNG?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  参考了
   [markdown语法说明](http://www.appinn.com/markdown/),以及好几篇文章。
_______
  版权 ©东风冷雪
______
<h6> html简单的标记基本兼容markdown,不过感觉html条理清楚些,不过markdown本身就是简化写作难度,让作者投身写作中去。</h5>

相关文章

  • 学markdown怎能不知道与之相关的html了

    导言 markdown,hthl都是超文本标记语言,markdown是简化版本的html,兼容html语言,...

  • markdown语法整理

    1.markdown是一种编写html元素(大多与文本相关)的语法2.markdown语法能表示的html元素可分...

  • 关于相同相似知识的学习

    已经很就没开始学习新的东西了,今天为了个人的一点兴趣学习了HTML和Markdown。发现先学Markdown后学...

  • Markdown编辑器推荐与语法教程--展示版

    前言 作为一名高级码农,怎能不知道Markdown的正确打开方式,Markdown现在可以说是无处不在,如果你还不...

  • HTML常用标签,从Markdown的角度出发

    前言 学习HTML前,可先学一下Markdown,简单来说,Markdown是一种轻量级标记语言。对比两种标记语言...

  • Markdown

    markdown是一种标记语言,可以将html转化为markdown或者将markdown转化为html。 mar...

  • Day01 Python基础

    1. Python安装环境及相关软件 2. markdown与简书 2.1 markdown基本语法 2.1.1 ...

  • Markdown介绍

    Markdown是一种标记语言,可以与HTML互相转换。可用于网页展示,便于排版。支持Markdown编辑的网站会...

  • 支持 markdown

    markdown 方法:将 Markdown 文本转换为 HTML extensions参数:对 Markdown...

  • HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

网友评论

本文标题: 学markdown怎能不知道与之相关的html了

本文链接:https://www.haomeiwen.com/subject/fdcvtxtx.html