课程名称: 前端工程师2022版
课程章节：HTML5基础语法与标签
课程讲师： lee
课程内容：Html常用标签及其用法
通识导学部分
如何调试前端IDE，常用插件
如何理解一个网页结构
标题标签和div容器标签
一、 前端开发和CS架构
-
项目先在本地开发。然后上传到服务器，实现共享
-
用户输入网址后，就会发送一个HTTP仿求到服务器
-
服务器识别用户发来的HTTP请求，并把对应的资源返回给客户端（浏览器）
二、 拓展了解
在所有的产品设计活动中，选择最适用的工具去解决问题是最基本的原则。具体到网页设计工作，这意味着：
使用 (X)HTML 去搭建文档的结构。
使用 CSS 去设置文档的呈现效果。
使用 JS DOM 脚本去实现文档的行为
标准HTML格式：
tips:
- 网页的标准后缀名是html,CSS 文件后缀为 css ，JS的后缀为 js.
2.在vscode编辑器中，输入英文的感叹号（!），并按tab 键，即可生成HTML5的骨架
一个标准的html文件格式：
<!DOCTYPE html>
<html lang="en">//用来设置同更的语言，比如设置网页为英文∶lang='en'
<head>//头部信息 字符集 设置外链样式和JS
<meta charset="UTF-8"> //作用设置页面字符集，页面关键词示例，<meta charset="UTF-8'>开发一般都要求设置为UTF8
<meta http-equiv="X-UA-Compatible" content="IE=edge">//备注∶设置关键字有助于提升页面的自然排名，是seo的重要手段元标签
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> //作用设置网页的标题
</head>
<body>//网页内容部分
<h1></h1>//1级标题
<h2></h2>//2级标题
<h3></h3>//3级标题
<h4></h4>//4级标题
ch5×</h5>//5级标题
<h6></h6>//5级标题
<div></div>//容器标签
</body>
</html>
三、html5特性
3.1空白折叠现象∶
文字和文字之间的多个空格、换行会被折叠成一个空格标签“内壁”和文字之间的空格会被忽略.
用Markdown笔记就可以明显发现这一点。
3.2 转义字符
HTML注释∶多行注释<!–注释内容->，//单行注释
tips: 在vscode编辑器中使用快捷键"ctrl+/"可以快速输出注释符号
四、总结
温故而知新
进入大前端时代，前后端分离成为主流的开发和设计模式，作为一名以用户为中心的产品，视觉设计和交互需要前端的基础，体系课设计的学习曲线很平滑。快速过学习了一阶段后，列出了问题集，补充学习了掌握不熟练的知识点，需要在后期逐一整理输出，充分理解各知识点，并且通过练习和项目案例彻底内化成为应用能力，并应用到实际工作当中。
以下是课程截图：
随时随地看视频
