编辑器VSCode 插件

Dracula Official 主题（Dracula At Night）暗黑模式
Dracula At Night vsCode语言包
Better Comments 更好的注释
Live Server 时实服务器（网页随着代码动态改变）
Markdown Preview Enhanced    Markdown语法高亮
Prettier - Code formatter    代码格式化

markdown 语法

标题

1

2

3

4

 # 标题（一个#为大标题 多个则为小标题）

列表

无序列表

xxx1
xxx2
- xxx2-1
- xxx2-2

 无序列表写法：
 - xxx
 - xxx
    -xxx
    -xxx

有序列表

xxx1
xxx2
1. xxx2-1
2. xxx2-2

 有序列表写法：
 1.xxx1
 2.xxx2
    1.xxx2-1
    2.xxx2-2

代码

单行: echo 'hello word'

多行

 public function index($name){
      return $name;
 }

表格

id	name	sex	age
1	张公公	男	22
2	王丫鬟	女	18
3	韦爵爷	男	32
4	赵国公	男	45

 表格代码
| id  | name   | sex  | age |
| --- | --- | --- | --- |
| 1   | 张公公 | 男  | 22 |
| 2   | 王丫鬟 | 女  | 18 |
| 3   | 韦爵爷 | 男 | 32 |
| 4   | 赵国公 | 男 | 45 |

图片

19期前端开发

   写法: ![随便填（图片不嫌则现实这个内容）](图片URL)

链接:

博客: https://blog.houyue52.cn/

 写法： <https://blog.houyue52.cn/>

HTML 标签含义

类型声明  这是一个html类型的
<!DOCTYPE html>
页面语言定义
<html lang="zh-CN">
定义头部 作用：提供页面描述、引用脚本、样式
<head>
    charset 字符集列如： UTF-8、UTF-16、GBK
 <meta charset="UTF-8">
 浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求，但让viewport的宽度等于设备的宽度，这个应该是大家都想要的效果，如果你不这样的设定的话，那就会使用那个比屏幕宽的默认viewport，也就是说会出现横向滚动条。
这个name为viewport的meta标签到底有哪些东西呢，又都有什么作用呢？
meta viewport 标签首先是由苹果公司在其safari浏览器中引入的，目的就是解决移动设备的viewport问题。后来安卓以及各大浏览器厂商也都纷纷效仿，引入对meta viewport的支持，事实也证明这个东西还是非常有用的。
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    标题
  <title>Document</title>
    引入外部样式表
    <link rel="stylesheet" href="https://tu.houyue52.cn/i/2022/03/16/11cnirx.css" />
     引入外部脚本
    <script src="11cnirx.js"></script>
</head>
主体内容 页面现实的内容和你写的基本都在这个里面啦
<body>
    标题标签
    <h1>hello</h1>
    链接标签
    <a href="https://tu.houyue52.cn/i/2022/03/16/11cnirx.jpg"></a>
    图片标签
    <img src="https://tu.houyue52.cn/i/2022/03/16/11cnirx.jpg" alt="" />
</body>
</html>

学习第一天

编辑器VSCode 插件

markdown 语法

标题

1

2

3

4

列表

无序列表

有序列表

代码

表格

图片

链接:

HTML 标签含义

更多相关文章

随机推荐