前端学习第一天——欲善其事必先利其器，vscode插件

诸葛冰箱

已于 2023-01-17 21:35:44 修改

阅读量487

点赞数 2

分类专栏：前端文章标签： html

于 2021-01-04 08:01:51 首次发布

本文链接：https://blog.csdn.net/qq_43493084/article/details/112167499

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

前端学习第一天——欲善其事必先利其器，vscode插件

VSCode插件

在这里插入图片描述

Live Server插件可以让“实时热更新”网页，自动刷新网页。安装完插件后，在HTML文件中，按 ctrl+shift+p ,选择 Open with Live Server 即可
使用这种方法必须注意：网页必须存放在文件夹中，且VSCode已经打开这个文件夹
不支持gb2312(gbk)字符集，只支持UTF-8

认识HTML骨架

<!DOCTYPE html>  <!-- 文档类型声明DTD,不写会有浏览器兼容问题-->
<html lang="en"> <!-- lang属性表示网页的语言，zh表示中文 -->
<head>
    <!--meta元标签，表示网页的基础配置 -->
    <meta charset="UTF-8"><!-- 字符集 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title><!-- title标签用来设置网页的标题，文字会显示在浏览器的标签栏上。也是搜索引擎收录网站时显示的标题 -->
</head>
<body>
</body>
</html>

网页关键词和页面描述

使用 meta 标签设置网页关键词和描述，name 属性非常关键，用来设置 meta 的具体功能
name = "Keywords" 关键词，content内容
name = "Description" 页面描述，content内容

HTML5新特性

转义字符：

<:小于号
>:大于号
 :空格(不会被折叠)
©:版权符号@

<li> 标签只能放在<ul>标签或<ol>标签里
<ul>标签和<ol>标签的子标签只能是<li>标签
<li>标签里可以放任何东西
<ol>标签的reversed属性不需要值，用于设定倒序排列，只需要写reserved单词即可。

诸葛冰箱

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端学习第一天——欲善其事必先利其器，vscode插件

Live Server插件可以让“实时热更新”网页，自动刷新网页。安装完插件后，在HTML文件中，按。使用这种方法必须注意：网页必须存放在文件夹中，且VSCode已经打开这个文件夹。属性不需要值，用于设定倒序排列，只需要写reserved单词即可。不支持gb2312(gbk)字符集，只支持UTF-8。标签设置网页关键词和描述，属性非常关键，用来设置。标签里可以放任何东西。
复制链接

扫一扫