VSCode

VSCode --> Live Server插件 --> 实时热更新网页,自动刷新网页；

安装完插件，在HTML文件中，按ctrl+shift+p键，选择“Open With Live Server”即可；

title

title标签用来设置网页的标题，文字会显示在浏览器的标签栏上;

meta标签设置网页关键词和描述，name属性用来设置meta的具体功能. charset属性用来设置字符集UTF-8(所有语言) 和 gb2312(中文和英文，但是在VSCode中某些插件不支持如Live Server) 等等. 例如：

<meta name="Keywords" content="手机,5G手机,游戏手机......">
<meta name="Description" content="玲宝手机是先进的手机，是5G手机游戏手机功能丰富多彩......">

标题标签
<h1></h1>通常只能有一个
<h2></h2>
<h3></h3>
......

段落标签
<p></p>

“盒子”标签，可用“DIV + CSS”布局形式实现网页的布局。

空白折叠现象：文字间的多个空格和换行（包括标签内壁和文字间）会被忽略；

转义字符：

&lt;     小于号
&gt;     大于号
&nbsp;   空格（不会被折叠）
&copy;   版权符号©
......

VSCode中可以用Ctrl + / 快速注释

<!-- -->

产品（写需求画原型） --> UI画图 --> 前端撸码 --> 后台 --> 运维

现在的原型图/设计图软件：设计师使用Axure或者Sketch等软件，可以有“直观标注”的原型图/设计图。项目起步：创建文件夹images css js index.html

HTNL是超文本标记语言; HTML5骨架是什么结构？什么是DTD？和; DTD体现当前HTML是几代，标记说明HTML。 HTTP是超文本传输协议；