博主信息

博文 15

粉丝 1

访问量 179847

专题推荐

工具篇 VSCode

安装中文语言包插件    chinese(simplified ...)    #汉化
安装html实时预览插件  live server                #实时预览试错
 赛博朋克风插件       shades of purple           #主题
 代码格式化插件        prettier-code formatter   #代码格式化
 ...

1. markdown基础语法篇

标题

    #            对应h1
    ##           对应h2
    ###          对应h3
    ####         对应h4
    #####        对应h5
    ######        对应h6

如下：

标题1

标题2

标题3

标题4

标题5

标题6

--------------------------------------------------------------------------

2. 列表

2.1 无序列表

    -xxx1
    -xxx2
    -xxx3
        -ccc3-1
        -ccc3-2
        -ccc3-3

xxx1
xxx2
xxx3
- aaa3-1
- aaa3-2
- aaa3-3

2.2 有序列表

    1. ooo1
    2. ooo2
    3. ooo3
        1.ttt3-1
        2.ttt3-2
        3.ttt3-3

ooo1
ooo2
ooo3
1.ttt3-1
2.ttt3-2
3.ttt3-3
注意空格

2.3 单行代码与多行代码

1.单行: `const box = document.querySelector('#box")`

2.多行:

    namespace core
    class Demo
    {
        ...
    }

3表格

    |ID    |   name  |    QQ          |
    |------|---------|----------------|
    |  1   |  Lin    | 545800         |
    |  2   |  Wang   | 10086          |
    |  3   |  Zhao   | 10010          |

ID	name	QQ
1	Lin	545800
2	Wang	10086
3	Zhao	10010

4图片

图片展示

    ![随意定义]( 图片url )

5链接

    B站 : <https://www.bilibili.com/> 
    注意 <>

B站链接 : https://www.bilibili.com/

6HTML 基础篇

<!-- !声明它的文档类型 -->
<!DOCTYPE html>
<!-- ?根元素: lang 页面语言 -->
<html lang="zh-CN">
<!-- 头元素: 页面描述,供浏览器或搜索引擎解析时参考 -->
<head>
    <!-- 元标签meta: charset 默认字符集,utf8可表示世界上几乎所有已知语言字符 -->
    <meta charset="UTF-8" />
    <!-- 浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- *视口适配控制: 极其重要,这涉及到三个"视口"类型之间的转换与适配,后面讲到移动端布局更细说 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 页面标题: 显示在浏览器标签页,用于描述页面信息 -->
    <title>Document</title>
    <!-- 引入外部样式表 -->
    <link rel="stylesheet" href="style.css" />
    <!-- 引入外部脚本 -->
    <script src="outer.js"></script>
</head>
<!-- 主体元素: 页面实际显示的内容,也是开发重点和用户真正关注的部分 -->
<body>
    <h1 style="color: red">hello world</h1>
    <h1>今晚大家很认真</h1>
    <img src="xxx.jpg" alt="" />
    <!-- 单标签: 通常用于引用外部资源
    双标签: 内容来自开发者提供 -->
</body>
</html>

批改老师：

PHPz

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

最新Navicat 15 for MySQL破解加教程正确的破解方式！

2020-05-06 04:04:14

工具篇 VSCode

1. markdown基础语法篇

标题

如下：

标题1

标题2

标题3

标题4

标题5

标题6

2. 列表

2.1 无序列表

2.2 有序列表

注意空格

2.3 单行代码与多行代码

1.单行: const box = document.querySelector('#box")

2.多行:

3表格

4图片

5链接

6HTML 基础篇

1.单行: `const box = document.querySelector('#box")`