markdown的html优雅使用语法（2024/10/10guixiang原创）

一：图片部分

第一范式

   

   
          图 2 全字段排序  

1. <center>
2.     <img  
3.     width = "500" height = "400"
4.     src="https://static001.geekbang.org/resource/image/6c/72/6c821828cddf46670f9d56e126e3e772.jpg?wh=1142*856" width = "60%" alt=""/>
5.     <br>
6.    
7.       图 2 全字段排序
8.          
9. </center>

复制代码

第二范式

   











            你想要的标题       


            我选定的论文标题       

            学院：你的学院
        专业：你的专业
        学号：你的学号
        姓名：你的名字
        
        
        2020年6月20日    ```txt   











            你想要的标题       


            我选定的论文标题       

            学院：你的学院
        专业：你的专业
        学号：你的学号
        姓名：你的名字
        
        
        2020年6月20日    ```二：字体部分

声明一个范式：

<font color="red">其实我们都知道，更新请求对 IOPS 的压力，在主库和备库上是无差别的</font>

1. <font color="red">其实我们都知道，更新请求对 IOPS 的压力，在主库和备库上是无差别的</font>

复制代码

第一范式：

font标签1 font标签2 font标签3```txt font标签3```第二范式

    海森堡在 1927 年首先提出```txt    海森堡在 1927 年首先提出```第三范式

    饕餮 tāo tiè 是古代中国神话传说中的一种神秘怪物，别名叫 狍鸮 páo xiāo，古书《山海经·北次二经》介绍其特点是：其形状如羊身人面，眼在腋下，虎齿人手。```txt    饕餮 tāo tiè 是古代中国神话传说中的一种神秘怪物，别名叫 狍鸮 páo xiāo，古书《山海经·北次二经》介绍其特点是：其形状如羊身人面，眼在腋下，虎齿人手。```第四范式

   
  这是一个使用内联样式优化后的边框，文字已居中并变为红色  

1.   
2.   这是一个使用内联样式优化后的边框，文字已居中并变为红色  
4. /*
5. text-align: center;足以实现文字的水平居中。display: flex;、justify-content: center;和align-items: center;是用于实现垂直居中的。同时，我设置了一个height值来确保div有足够的高度来展示垂直居中的效果。
7. 如果您不希望使用flex布局，且div的高度是固定的或可预测的，您还可以通过设置line-height等于div的高度来实现垂直居中（这种方法适用于单行文字）。但请注意，在上面的代码中，我已经将line-height重置为initial，因为我们使用了flex布局。
9. 如果您想保持div的高度自适应内容，并且只想要单行文字垂直居中，那么您可以使用line-height配合height（当height由内容决定时，这种方法不适用），或者简单地使用flex布局，如上所示。
10. */

复制代码

  这是一个使用内联样式优化后的边框，文字已居中并变为红色

1.   
2.   这是一个使用内联样式优化后的边框，文字已居中并变为红色  

复制代码

多行实例

          原则 1：加锁的基本单位是 next-key lock。希望你还记得，next-key lock 是前开后闭区间。
        原则 2：查找过程中访问到的对象才会加锁。
        优化 1：索引上的等值查询，给唯一索引加锁的时候，next-key lock 退化为行锁。
        优化 2：索引上的等值查询，向右遍历时且最后一个值不满足等值条件的时候，next-key lock 退化为间隙锁。
        一个 bug：唯一索引上的范围查询会访问到不满足条件的第一个值为止。

1.   
2.         原则 1：加锁的基本单位是 next-key lock。希望你还记得，next-key lock 是前开后闭区间。</br>
3.         原则 2：查找过程中访问到的对象才会加锁。</br>
4.         优化 1：索引上的等值查询，给唯一索引加锁的时候，next-key lock 退化为行锁。</br>
5.         优化 2：索引上的等值查询，向右遍历时且最后一个值不满足等值条件的时候，next-key lock 退化为间隙锁。</br>
6.         一个 bug：唯一索引上的范围查询会访问到不满足条件的第一个值为止。</br>

复制代码

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！