Markdown 做报告(html内嵌本地html)

环境背景：
vscode + vscode扩展插件
Markdown All in One v3.5.0
Markdown Preview Enhanced v0.6.5

1.markdown 添加内容：

<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="https://网址.html 或者 本地.html" frameborder="1" scrolling="yes" width="320" height="240"></iframe>
</div>

本地只需修改其中src为本地html文件的相对路径，如放在src目录中

src="src/xx.html"

2.转换格式为html

*注意markdown 模式预览只能看到一个框，需要转为html格式

image.png

侧边预览模式中，在右侧右键 HTML->HTML(offline),会生成一个同名html 文件，打开即可看到

<div xxx>
<iframe 内容></iframe>
</div>

<> 前后大小号要成对出现

参考：
Markdown语法及原理从入门到高级（可能是全网最全）
Markdown内嵌网页