首页 > 其他分享 >markdown扩展语法

markdown扩展语法

时间:2022-10-07 22:11:03浏览次数:49  
标签:markdown 表格 标签 代码 扩展 语法 HTML Markdown 可以

[TOC]

Markdown 语法补充

一、快速生成 HTML 表格代码

在线表格编辑器——​​TablesGenerator​

表格制作工具TablesGenerator是一个在线制作 LaTeX、HTML、Markdown 格式的表格代码工具,支持在表格中填充数据,修改字体/背景颜色,对齐方式等等,还支持从 Excel、Google Docs 里直接复制粘贴数据,以及多个 HTML 表格样式。Tables Generator 支持四种格式:LaTeX、HTML、Markdown、TEXT,先在 Table > Set size 中设置表格大小,然后填充数据,设置格式,就能在页面下面找到代码了。

markdown扩展语法_html

简直是神器!

生成的代码由两部分组成: ​​<style>​​​标签和​​<table>​​​标签。第一个应该被复制并放在 ​​</head>​​您网站的标签之前,而后者(即表格代码)应该放在所需的位置。

二、 ​​插入视频、音频或GIF​

在​​Typora​​​中可以显示文档的源代码,可以看到,很多处理Markdown实际就是在Html上进行了加工。 所以只要通过在Markdown文档中插入HTML的​​​Iframe​​标签就可以完成了。

材料

具体步骤

1. 视频

使用​​<iframe src="视频之地" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>​

<iframe height=498 width=510 src="视频地址">

<iframe height=498 width=510 src="视频地址" frameborder=0 allowfullscreen></iframe>

如果是​​Bilbil​​的视频网页中,可以点击分享,下面可以直接复制嵌入代码,非常方便

markdown扩展语法_后端_02

<iframe src="//player.bilibili.com/player.html?aid=59317437&bvid=BV1Pt411G7qh&cid=103365806&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

2. 音频

方法一

同理可以通过更改上面的url即刻,同时你还可以通过添加属性​​" style="VISIBILITY: hidden"​​来做到隐藏这个iframe,看上去就像是背景音乐一样

markdown扩展语法_背景颜色_03

例如:以网易云音乐为例 1.首先在​​网易云音乐​​播放界面,点击生成外链播放器

markdown扩展语法_背景颜色_04

markdown扩展语法_数据_05


<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=373 height=86 src="//music.163.com/outchain/player?type=2&id=32217106&auto=1&height=66"></iframe>

方法二

  1. 获取 歌曲ID
  2. markdown扩展语法_后端_06

  3. 替换ID链接
  4. markdown扩展语法_数据_07

代码示例:

<iframe name="music" src="http://link.hhtjim.com/163/463157222.mp3" marginwidth="1px" marginheight="20px" width=100% height="80px" frameborder=1  scrolling="yes">
</iframe>

详情见如下:

方法三

HTML5 <audio> 元素 废弃

<audio src="http://link.hhtjim.com/163/463157222.mp3">   你的浏览器不支持 audio 标签。 </audio>

你的浏览器不支持 audio 标签。

3.GIF同理

  • 缺点
    都是通过网络图库或者图床链接来获取的,因为如果本地链接的话,需要配置其他的东西非常不方便


标签:markdown,表格,标签,代码,扩展,语法,HTML,Markdown,可以
From: https://blog.51cto.com/yongwy/5735110

相关文章

  • Python语法之异常处理
    前面我们已经介绍了模块的创建和包的应用,在这一小节,我们将继续来学习Python的异常处理方法,了解常见异常的处理方法以及异常的基本概念。1.什么是异常嫦娥本是后羿之妻,......
  • js高级ES6解构语法
    <!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="......
  • 【SQL】DML语句-SQL更新与删除:单表更新删除与连表更新删除语法
    〇、概述1、资料sql连表删除:​​http://www.lanxinbase.com/?tag=sql%E8%BF%9E%E8%A1%A8%E5%88%A0%E9%99%A4​​2、组成 一、更新操作(一)传统方式UpdatestudentSetSage=2......
  • MarkDown~~
    Markdown学习标题:井号+标题(快捷键ctrl+1-6二级标题三级标题字体Hello,World!加粗Ctrl+BHello,World!斜体Ctrl+IHello,World!Hello,World!引用(快捷键Ctr......
  • drf05-2个视图基类-5个扩展类-9个视图子类-视图集
    1.2两个视图基类#之前写了五个接口,继承APIView#还可以继承GenericApiView:它帮了我们干很多事#GeneriaAPIView.属性和方法-属性 -queryset#要序列化的数据 -seri......
  • drf视图基类,视图扩展类和视图子类
    两个视图基类GenericAPIView属性: queryset#要序列化的数据 serializer_class#序列化类#了解lookup_field#通过get_object......
  • 3.iptables 扩展模块
    multiport:添加多个不连续端口示例:10.0.0.10访问本机20、21、80、443允许通过;[root@route~]#iptables-tfilter-IINPUT-s10.0.0.10-d10.0.0.200-ptcp-mmu......
  • Python语法之模块和包
    这一节,我将为大家介绍模块和包:在开发大型软件时,随着代码写的越来越多,如果将所有的代码都放在一个文件里,势必为以后的维护带来很大的困难。正如仓颉造字一样,仓颉是黄帝的史......
  • 两个视图基类,五个视图扩展类
    两个视图基类五个视图扩展类两个视图基类#之前写5个接口,继承APIView#还可以继承GenericAPIView:它帮我们干了好多事#GenericAPIView:属性和方法 -属性......
  • Markdown的一般使用
    以在Jupyter中使用Markdown为例,记录Markdown的一般使用。使用Markdown记录一般是进行说明文档编辑。因此首先要了解怎样使用Jupyter。Jupyter的使用还有点混:首先我发现可......