初识前端.
1. 前端的介绍
1.0 首先什么是前端？
前端又名Web前端，用来给用户呈现一个一个的网页。 一个软件通常是由后端+前端完成。后端通过Java，C++等语言来完成相关的逻辑处理，将数据返回给前端。前端将后端返回来的数据进行拼装，达到一个完美的页面呈递给用户。
1.1 生活中会遇到哪些前端页面？
Web页面（比如淘宝页面）
PC端应用程序的页面 移动端App页面
2. 什么是HTML页面
HTML叫做超文本标记语言 超文本：文本，声音，图片，视频，表格，链接 那如何做到一个页面上展示上面的数据呢？由许许多多的标签，即一个又一个的标记。 标记：由许许多多的标签组成。 HTML页面是运行在浏览器上面的。所以要运行HTML页面首先需要一个浏览器。
3. vscode开发工具搭建
3.1vscode的安装
vscode的下载地址：https://code.visualstudio.com 安装好之后首先点击File，再点击Open Folder… 建立一个新的文件夹。
例如建立一个叫fecode01的文件夹
点击红色圆圈这里新建一个html01.html点击回车。
当我们输入 <html> 的时候我们会发现会自动补全。
当我们输入 <head> 时，也会发现会自动补全
这就是vscode的好用之处。
3.2 三个重要插件
1
如果我们的写成，我们会发现我们的结束标签也会跟着变.这是怎么回事呢？
原因是有上面的这个叫 “Auto Rename Tag” 的插件。这个插件需要我们下载。
在第二步的搜索框直接搜索然后点击installing就装好了。
然后将这个页面写齐
我们如果想在vscode里面直接运行代码，那我们就需要用到第二个插件view-in-browser 2
右键鼠标，点击这里的View in Browser 就可以直接打开
如果我们将页面内容改成 “这是页面内容11111” 点击Ctrl+S保存
我们还需再次点击刷新才能显示我们的内容
那么有没有一种方式使我们更改内容后不需要再次刷新呢？ 这里我们就需要用到第三个插件 3
下次更改内容后直接点击 “Open with Live Server” 就不用再次刷新了。
4. 编写第一个HTML页面
前提：用记事本编写代码 效果：在浏览器上输出hello world 首先我们需要在记事本上输入hello world然后Ctrl+S保存
将这里的后缀改为html点击保存，然后再打开，我们会发现浏览器上会打印出hello world. 然而这样一个代码的结构是不标准的，一个标准的Html页面为这样：
<html>
<head>
<title>第一个页面</title>
</head>
<body>
hello world
</body>
</html> html 标签是整个 html 文件的根标签（最顶层标签）. head标签中写页面的属性. body标签中写的是页面上显示的内容. title标签中写的是页面的标题.
<></>:双标签，又开始有结束
5. vscode如何快速生成代码
快速生成代码框架： ！+回车
6. html标签_标题&段落&换行
注释标签 ： ctrl+/ 如果想看到注释只需按下F12 注释的原则： （1）要和代码逻辑一致 （2）尽量使用中文 (3)不要传递负能量 标题标签 ：h1-h6 有六个，随着数字的增大，字体越来越小，也越来越细。
<h1>这是h1标题</h1>
<h2>这是h2标题</h2>
<h3>这是h3标题</h3>
<h4>这是h4标题</h4>
<h5>这是h5标题</h5>
<h6>这是h6标题</h6>
段落标签： <p>每段的内容</p>
<p>第一段的内容</p>
<p>第二段的内容</p>
<p>第三段的内容</p>换行标签： <br/>
br是break的缩写，表示换行。
（1）br是一个单标签（不需要结束标签）
（2）br标签不像p标签那样带一个很大的空隙。
（3）<br/>是规范写法，不建议写成<br>
换行标签换行之后间隙比段落标签间隙小
7. 格式化标签
（1）加粗:strong 标签和 b 标签 （2）倾斜：em 标签和 i 标签 （3）删除线：del 标签和 s 标签 （4）下划线：ins 标签和 u 标签
腾讯云开发者
