欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

2021.12.20 task

程序员文章站 2022-03-06 13:10:17
...

购物商城

数码产品

  • 笔记本
  • 手机
  • 电脑

笔记本电脑

1、联想
2、华硕
3、华为
4、苹果

图片

2021.12.20 task

超链接

点击跳转到百度

vscode 常用的插件的名称和功能

ID 插件名称 插件功能
1 chinese(simplified …) 简体中文语言包
2 live server 实时预览
3 prettier-code formatter 最流行的代码格式化插件
4 better comments 自定义注释颜色
5 path intellisense 路径自动感知填充
6 helium icon theme 一款我喜欢的文件图标主题
7 one dark pro 经典的主题,使用者众多,很耐看
8 material theme 经典”材料”主题,
9 material theme icons 常与 material theme 配置的文件图标
10 shades of purple 赛博朋克风格的一款主题,很明亮风骚
11 dracula official 经典的吸血鬼主题
12 dracula at night 个人更喜欢这款小众的吸血鬼暗黑版(教学用它)
13 code runner 几乎可以快速运行常见的所有语言,如`php,java,js…
14 codesnap 快速生成苹果电脑风格的代码片断截图,分享时使用
15 markdown preview… markdown 实时预览
16 markdownlint markdown 语法检查器

html结构

  1. <!-- 文档的类型-->
  2. <!DOCTYPE html>
  3. <!-- !根元素: lang 页面语言 -->
  4. <html lang="en">
  5. <!-- 头部元素: 页面描述,供浏览器或搜索引擎解析时参考 -->
  6. <head>
  7. <!-- 元标签meta: charset 默认字符集,utf8可表示世界上几乎所有已知语言字符-->
  8. <meta charset="UTF-8" />
  9. <!-- ?浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦 -->
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  11. <!-- !视口适配控制: 极其重要,这涉及到三个"视口"类型之间的转换与适配,后面讲到移动端布局更细说 -->
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  13. <!-- ?页面标题: 显示在浏览器标签页,用于描述页面信息 -->
  14. <title>html的文档结构</title>
  15. </head>
  16. <!-- !主体元素: 页面实际显示的内容,也是开发重点和用户真正关注的部分 -->
  17. <body>
  18. <h1>今天又是美好的一天</h1>
  19. </body>
  20. </html>