php 中文网 第十五期——第一课作业
1、vscode 插件
| 序号 | 插件名称 | 作用 |
|---|---|---|
| 1 | Chinese (Simplified) Language Pack for Visual Studio Code | 简体中文语言包 |
| 2 | One Dark Pro | 主题 |
| 3 | Markdown Preview Enhanced | 实时预览增强版 |
| 4 | markdownlint | markdown 语法检查器 |
| 5 | auto close tag | 标签自动关闭 |
| 6 | html snippets | html5 代码片断 |
| 7 | indent-rainbow | 以不同颜色高亮显示代码缩进 |
| 8 | live server | 实时预览 html |
| 9 | auto rename tag | 标签自动更名 |
| 10 | bracket pair colorizer | 以不同颜色标配对的括号 |
| 11 | intelisense for css class names in html | css 自动感知 html 中类名 |
| 12 | css peek | 查看并跳转到 css 定义 |
| 13 | html css support | css 智能感知补齐 |
| 14 | javascript（es6）code snippets | 代码片断 |
| 15 | eslint | 代码质量检查器 |
| 16 | vetur | 语法高亮、智能感知、emmet 等 |
| 17 | vue 3 snippets | vue3 常用代码片断 |
| 18 | eslint | 代码质量检查器 |
| 19 | path lntellisense | 路径智能感知提示器 |
| 20 | prettier-code formatter | 代码自动格式化 |
2、代码段
- 单行：
let name =jack;
<ul><li><a href="">php.cn</a></li><li><a href="">baidu.com</a></li><li><a href="">taobao.com</a></li></ul>
<?php>$arr = [第一段php]?>
3、超链接
[超链接名] (超链接地址 “超链接 title”)
title 可加可不加
4、markdown 语法
1、标题
在想要设置为标题的文字前面加#来表示，一个#表示一级标题，两个#标示二级标题，以此类推，一共支持六级标题。
注：标准语法一般在#后跟个空格再写文字。
2、字体
- 加粗
要加粗的文字左右分别用两个*号包起来
- 斜体
要倾斜的文字左右分别用一个*号包起来
- 斜体加粗
要倾斜加粗的文字左右分别用三个*号包起来
删除线
要加删除线的文字左右分别用两个~~号包起来
3、引用
在引用的文字前加>即可。
4、分割线
三个或者三个以上的-或者*都可以
5、图片
图片 alt 就是显示在图片下面的文字，相当于对图片内容的解释。
图片 title 是图片的标题，当鼠标移到图片上时显示的内容。title 可加可不加
6、列表
1.无序列表
无序列表用 - + * 任何一种都可以
注：- + * 跟内容之间都要有一个空格
效果：
- 第一课
- 第二课
- 第三课
2.有序列表
效果：
1.第一课 2.第二课 3.第三课
3.列表嵌套
上一级和下一级之间按三个空格就可以了
效果:
- 第一课
- 第一节
- 第二节
- 第二课
- 第一节
- 第二节
7、表格
| 表头 | 表头 | 表头 |
|---|---|---|
| 内容 11 | 内容 222 | 内容 3333 |
| 内容 44444 | 内容 555555 | 内容 6666666 |
第二行分割表头和内容。
作用三个—-
文字默认居左
- 两边加：表示文字居中
- 右边加：表示文字居右