手记 / markdown整理笔记(2)

markdown整理笔记(2)

3天前7浏览0评论

Lesson08: 链接

1.语法:

[链接文本](href属性的url地址,title的提示信息)

2.实战:

<a href="url" title="">php中文网</a>

[php中文网](http://www.php.cn/, '国内最大的php学习平台')

<!-- 如果想更精准的控制链接,请使用<a>标签 -->

<a href="http://www.php.cn/" title="公益/实用/分享" target="_blank">

3.总结:

- 站外链接地址具有风险,请确保url总是有效

- 不同浏览器对链接的渲染会略有区别,使用时请留意

Lesson09: 强调

1.语法:

- 语法1: 被1个星号\*或\_包围的内容,会以斜体表示,转为&lt; em &gt;标签

- 语法2: 被2个星号\*或\_包围的内容,会以粗体表示,转为&lt; strong &gt;标签

2.实战:

<!-- 注意: 使用下划线时,前后一定要添加空格,否则不能正确解析 -->

**Markdown**是一种可以使用 __简单__ 的标记语法书写具有*HTML*的格式的 _书写_ 工具3.总结:

推荐使用一个或二个星号表示强调,因为可以忽略空格的影响

Lesson10: 列表

1.语法:

- 无序列表: 用1个星号\*或加号\+或减\-,并以空格与列表项隔开,转为&lt; ul &gt;标签

- 有序列表: 被1个数字开始,并以空格与列表项隔开,转为&lt; ol &gt;标签

2.实战:

<!-- 其实我们前面已经使用过列表了,这里做一个总结 -->

- 前端开发工具

    + html5 标记语言

    + css3 样式表

    + javascript 前端脚本

    + 流行的函数库或开发框架

        * jQuery

        * Vue.js

        * Node.js

    + Webpack 前端资源打包转换器

1. 后端开发语言

    1. php 流行的Web开发语言

    2. python 通用编程语言

    3. java 通用编程语言

<!-- 注意:如果有序列表的内容始终处于更新当中,建议只指明开始的序号即可,后面序号自动生成 -->

- 商品分类

    1. 家用电器

    0. 电脑配件

    0. 周边设备

    0. 手机数码

    0. 服装百货

3.总结:

- 无序列表的三种标记,可根据缩进级别自动填充

- 实际工作中,有序列表用得不多,如果条件允许,尽可能使用无序列表完成

Lesson11: 表格

1.语法:

- 表格是数据格式化的重要工具,Markdown是使用减号\-和竖线\|画出表格的

- 表格中的数据对齐方式是使用冒号(:)控制的

2.实战:

|id|name|age|sex|salary|

-|-|:-:|-|-:

|1|Peter|28|male|3900|

|2|Zhu|38|male|9900|

|3|Lee|32|female|6700|

<!-- 表格由thead表头和tbody表格主体二部分组成,默认自带样式且不可改变 -->

<!-- 表头与主体的分隔区的橫线,即减号,数量并不限制,多个也行,但至少要有一个即可 -->

<!-- 单元格内容默认为左对齐,只需要改变冒号的位置就可以实现对齐方式的改变 -->

3.总结:

- 表格在不同的解释器中,渲染效果差异较大,请详细了解编辑器的说明

- Markdown中的表格是硬生生手绘出来的,样式比较单一,如果想显示更加美观,可以用table标签实现

Lesson11: 图片

1.语法:

- 图片的语法与链接非常相似,只需要在前面添加一个\!叹号即可

- ![提示文本](图片地址/url 'title提示')

2.实战:

![可爱的狗狗](dog.jpg '品种优良,肉质可口')

<!-- 文本:可爱的狗狗,当图片被禁止或者不能显示的时候会显示 -->

<!-- 图片是不是有点太大了,很遗憾,Markdown不支持调整图片大小,请用img标签调整 -->

<img src="dog.jpg" width="200">

<!-- 更多时候,你可能想给图片加一个链接,很简单,只需要将链接文本换成图片即可 -->

<!-- 第一步: 创建链接 -->

<!-- [](http://www.php.cn "php中文网") -->

<!-- 第二步:将图片插入到链接文本中 -->

[![可爱的狗狗](dog.jpg '品种优良,肉质可口')](http://www.php.cn "php中文网")

3.总结:

- 图片在使用前,请先按显示比例和大小调整好,因为Markdown暂不支持图片大小设置


相关标签:HTML
    0推荐

      作者的热门手记

      PHP中文网

      未登录