购物商城

数码产品

笔记本
手机
电脑

笔记本电脑

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

图片

超链接

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结构

<!-- 文档的类型-->
<!DOCTYPE html>
<!-- !根元素: lang 页面语言 -->
<html lang="en">
  <!-- 头部元素: 页面描述,供浏览器或搜索引擎解析时参考 -->
  <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>html的文档结构</title>
  </head>
  <!-- !主体元素: 页面实际显示的内容,也是开发重点和用户真正关注的部分 -->
  <body>
    <h1>今天又是美好的一天</h1>
  </body>
</html>

2021.12.20 task

购物商城

数码产品

笔记本电脑

图片

超链接

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

html结构

更多相关文章

随机推荐