菜3 连接图片表格学习

浅浅的花香味﹌ 2022-12-27 08:50 9阅读 0赞

# Markdown 链接 #

链接使用方法如下：

[链接名称](链接地址)
    
    或者
    
    <链接地址>

例如：

这是一个链接 [菜鸟教程](https://www.runoob.com)

这是一个链接 [菜鸟教程][Link 1]

直接使用链接地址：

<https://www.runoob.com>

[https://www.runoob.com][Link 1]

### 高级链接 ###

我们可以通过变量来设置一个链接，变量赋值在文档末尾进行：

这个链接用 1 作为网址变量 [Google][1]
    这个链接用 runoob 作为网址变量 [Runoob][runoob]
    然后在文档的结尾为变量赋值（网址）
    
      [1]: http://www.google.com/
      [runoob]: http://www.runoob.com/

显示结果如下：

这个链接用 1 作为网址变量 [Google][]  
这个链接用 runoob 作为网址变量 [Runoob][]  
然后在文档的结尾为变量赋值（网址）

# Markdown 图片 #

Markdown 图片语法格式如下：

![alt 属性文本](图片地址)
    
    ![alt 属性文本](图片地址 "可选标题") //标题就是 鼠标指那里，就显示

*  开头一个感叹号 !
 *  接着一个方括号，里面放上图片的替代文字
 *  接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)
    
    ![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png "RUNOOB")

![RUNOOB 图标][RUNOOB]

\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FcK7Ihqk-1607512963910)(http://static.runoob.com/images/runoob-logo.png “RUNOOB”)\]

当然，你也可以像网址那样对图片网址使用变量:

这个链接用 1 作为网址变量 [RUNOOB][1].
    然后在文档的结尾为变量赋值（网址）
    
    [1]: http://static.runoob.com/images/runoob-logo.png

显示结果如下：

这个链接用 1 作为网址变量 [RUNOOB][Google].  
然后在文档的结尾为变量赋值（网址）

Markdown 还没有办法指定图片的高度与宽度，如果你需要的话，你可以使用普通的 标签。

显示结果如下：

![runoob-logo.png][]

# Markdown 表格 #

Markdown 制作表格使用 **|** 来分隔不同的单元格，使用 **-** 来分隔表头和其他行。

语法格式如下：

|  表头   | 表头  |
    |  ----  | ----  |
    | 单元格  | 单元格 |
    | 单元格  | 单元格 |

对齐方式

**我们可以设置表格的对齐方式：**

*  **-:** 设置内容和标题栏居右对齐。
 *  **:-** 设置内容和标题栏居左对齐。
 *  **:-:** 设置内容和标题栏居中对齐。

实例如下：

| 左对齐 | 右对齐 | 居中对齐 |
    | :-----| ----: | :----: |
    | 单元格 | 单元格 | 单元格 |
    | 单元格 | 单元格 | 单元格 |

[Link 1]: https://www.runoob.com
[Google]: http://www.google.com/
[Runoob]: http://www.runoob.com/
[RUNOOB]: /images/20221120/9044867f95504187b08d95e242886771.png
[runoob-logo.png]: http://static.runoob.com/images/runoob-logo.png