html &emsp &ensp    空格的对齐使用

Posted 2023-04-25

参考技术A 字符以及html实体描述以及说明

   这是我们使用最多的空格，也就是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加。为了便于记忆，我总是把这个空格成为“牛逼(nb)空格(sp – space)”，虽然实际上并不牛逼。该空格占据宽度受字体影响明显而强烈。在inline-block布局中会搞些小破坏，在两端对齐布局中又是不可少的元素。是个让人又爱又恨的小东东。

&ensp 该空格学名不详。为了便于记忆，我们不妨就叫它“恶念(e n-ian)空格”。此空格传承空格家族一贯的特性： 透明 滴！此空格有个相当稳健的特性，就是其 占据的宽度正好是1/2个中文宽度 ，而且基本上不受字体影响。

&emsp 该空格学名不详。为了便于记忆，我们不妨就叫它”恶魔(e m-o)空格”。此空格也传承空格家族一贯的特性： 透明 滴！此空格也有个相当稳健的特性，就是 其占据的宽度正好是1个中文宽度 ，而且基本上不受字体影响。

&thinsp 该空格学名不详。我们不妨称之为“瘦弱空格”，就是该空格长得比较瘦弱，身体单薄，占据的宽度比较小。我目前是没用过这个东西，这里亮出来是让其过一下群众演员的瘾。

markdown简要说明源码

##markdown
###什么是markdown:
    Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。
  Markdown具有一系列衍生版本，用于扩展Markdown的功能（如表格、脚注、内嵌HTML等等），这些功能原初的Markdown尚不具备，它们能让Markdown转换成更多的格式，例如LaTeX，Docbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具，如Pandoc；要么基于网站，如GitHub和Wikipedia，在语法上基本兼容，但在一些语法和渲染效果上有改动。
###markdown的宗旨：
Markdown 的目标是实现「易读易写」
HTML 是一种发布的格式，Markdown 是一种书写的格式。Markdown 的格式语法只涵盖纯文本可以涵盖的范围。
<hr>
###markdown使用：
强调：*强调的文本*
段落：<p>段落<b>b加粗</b> <i>i斜体</i> <u>u下划线</u> <del>del删除线</del> <a href="http://www.baidu.com">百度链接</a> </p>
测试span：<span>测试span</span>
<cite>文献应用</cite>    &copy; 版权符号
特殊字符：< &lt;  & &amp;
**LOVE**      __LOVE__      _LOVE_      *LOVE*
<hr>
###h1-h6号字体：
#  h1
##  h2
###  h3
####   h4
#####  h5
######  h6
<hr>
###如何引用和嵌套：
>引用
>   这里也可以只第一行添加">" 后面都不添加


> 嵌套1
> > 嵌套2
> > >嵌套3
> > >> 嵌套4



<hr>
###列表元素：

<ul > <li> Bird </li> <li> McHale </li> <li> Parish </li> </ul>
<ol start="1"> <li> Bird </li> <li> McHale </li> <li> Parish </li> </ol>

*   Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
viverra nec, fringilla in, laoreet vitae, risus.
*   Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
Suspendisse id sem consectetuer libero luctus adipiscing.

<hr>
###预处理：
<pre>预处理
            格式</pre>
<hr>
###代码插入法：
Use `printf()` functioon
<code>
\#this is a section of python code
import numpy as np
def numpytest():
&emsp;&emsp;&emsp;&emsp;num=np.arange(0,10,2)
&emsp;&emsp;&emsp;&emsp;print(num)
numpytest()

</code>
<hr>
###如何插入一条线：
***
    --- ___***都可以画一条线
---

___

* + - 都可以作为列表标记

<hr>
###链接：
行内式：
[链接文字](http://www.baidu.com)
      [链接本地](/C:/markdown.jpg)
链接式：
This is [an example] [id] reference-style link.
[id]: http://example.com/  "Optional Title Here"
[安安][]
[安安]:http://www.anan.org
<hr>

###图片插入法：
          <img src="/C:/markdown.jpg">
![Alt text][id]                    
[id]:/C:/markdown.jpg "Optional title attribute"
<hr>
###以下符号前面添加反斜杠\来帮助插入普通符号：
    \   反斜线
    `   反引号
    *   星号
    _   底线
    {}  花括号
    []  方括号
    ()  括弧
    #   井字号
    +   加号
    -   减号
    .   英文句点
    !   惊叹号
<hr>

###在markdown中添加一个表格：
    
<table>
    <tr>
        <td>1.1</td>
        <td>1.2</td>
    </tr>
    <tr>
        <td>2.1</td>
        <td>2.2</td>
    </tr>
</table>
<hr>