目录 - Table of Contents

为何还要学习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" /> ,甚至还能设置图片的大小!
诶嘿嘿~我被文字所包围了!

下一页介绍本站专属写作技巧