Markdown Html标签


使用Html标签

Markdown毕竟是轻量型的标记语言,对于有较为特殊的需求时就显得不够用了,此时可以使用Html来丰富内容。

文本

文本加粗、斜体

**这是加粗的文字** 

*这是斜体的文字*

效果:

这是加粗的文字

这是斜体的文字

颜色、字体、字号

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=red>我是红色</font>
<font color=green>我是绿色</font>
<font color=yellow>我是黄色</font>
<font color=#FF0000>#FF0000</font>
<font color=#00FF00>#00FF00</font>
<font color=#0000FF>#0000FF</font>
<font size=5>规定文本的尺寸大小,取值从 1 到 7 ,浏览器默认值是3号。现在看到的5号</font>
<font face="微软雅黑" color=blue size=7>我是微软雅黑,蓝色,字号为7</font>

效果:

我是黑体字
我是微软雅黑
我是华文彩云
我是红色
我是绿色
我是黄色
#FF0000
#00FF00
#0000FF
规定文本的尺寸大小,取值从1到7 ,浏览器默认值是3号,现在看到的5号

我是微软雅黑,蓝色,字号为7

为文字添加背景色

由于 style 标签和标签的 style 属性不被支持,所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置,只是将那一整行看作一个表格,更改了那个格子的背景色(bgcolor)

<table><tr><td bgcolor=blue>背景色blue</td></tr></table>

效果:

背景色blue

标签页内跳转

  1. 设定锚点
<span id="锚点id">任意title</span>

其中 <span> 可以用 <div> 或者 </a> 标签代替,我们要的是 id这个属性。

  1. 设定链接地址
[任意title](#锚点id)

图片

原图

![](https://raw.githubusercontent.com/pudgelee/blogPicGo/master/ScreenShotbasketball_w_1600_h_800.jpg)

指定图片百分比

<img src="https://raw.githubusercontent.com/pudgelee/blogPicGo/master/ScreenShotbasketball_w_1600_h_800.jpg" width="50%" height="50%">

效果:

指定图片宽高

<img src="https://raw.githubusercontent.com/pudgelee/blogPicGo/master/ScreenShotbasketball_w_1600_h_800.jpg" width="251" height="350" >

设置图片显示位置

<div align=left/center/right><img src="https://raw.githubusercontent.com/pudgelee/blogPicGo/master/ScreenShotbasketball_w_1600_h_800.jpg" width="50%" height="50%"></div>

居中


文章作者: PudgeLee
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 PudgeLee !
评论
  目录