简易 Markdown 语法教程
为何还要学习HTML语法?
因为 Markdown 语法仍不完善,不支持许多个性化的设置,比如字体颜色、文字居中\右对齐等等……所幸 Markdown 仍支持利用HTML来对文档进行补充,所以学习一些简单的HTML语法有时候很有必要!
文字居中、居右
其实文字居中十分简单,只需要一个<center>居中文本</center>
即可。---
除此之外,你也可以用属性、内嵌CSS来设置,比如:
<p align="right">align居右</p>
align居右
---<p style="text-align:center">style居中</p>
style居中
文本颜色、字体、大小
文字颜色同样可以用属性或CSS来设置,比如:<font color="red" size="6" face="黑体">test1</font>
test1
注意,仅有font标签具有color属性,你还可以使用size属性来设置文字大小,face属性选择字体!
---
其他标签则需要利用style属性配合CSS来设置具体的文字样式:
<p style="color:red;font-size:32px;font-family:'黑体';">test2</p>
test2
媒体元素的引用
插入一个音频播放器(音频地址、音量、是否显示控件)<audio src="https://music.163.com/song/media/outer/url?id=353696" volume="0.3" controls></audio>
插入一个视频播放器
与音频接口基本相同,但没视频可引用,我就不示例了
<video src="视频地址" volume="0.3" controls></video>
多行HTML代码
上面所有的演示都是单行HTML代码,如果你想要输入多行HTML代码,可能会发现有时候多行代码并不起作用。在这种情况下,你必须使用 Typecho 的魔术代码块
!!!
来包裹你的多行HTML代码!效果如下:
!!!
<a href="https://clso.fun/">
<b>我是一个多行的HTML代码!</b>
</a>
!!!
我是一个多行的HTML代码!
其他元素补充...
如果你想要使用一个不是自动居中的图片,可以使用<img src="图片地址" width="图片宽度px" height="图片高度px" style="display:inline" />
,甚至还能设置图片的大小!诶嘿嘿~
![](https://blog.clso.fun/usr/uploads/2019/02/1800221673.jpg)
下一页介绍本站专属写作技巧
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。