前端语言的基本能力
HTNL
HTML 是 Web 页面的基础结构。它用于描述网页的内容和结构。HTML 使用一系列标记（称为标签）来定义页面元素，如标题、段落、列表、图片和链接等。浏览器解析 HTML 代码，并根据标签的语义来显示页面内容。HTML 为网页提供了基本的骨架，使浏览器能够呈现文本、图像和其他媒体。
CSS
CSS 用于描述 HTML 元素的外观和布局。CSS 允许我们定义如何显示 HTML 元素，例如字体、颜色、大小、间距等。通过使用 CSS，我们可以将样式与 HTML 结构分离，使得网站的设计和维护更加简便。CSS 还允许我们根据不同的设备和屏幕尺寸应用不同的样式(媒体查询)，以实现响应式设计。
JavaScript
JavaScript 是一种脚本语言，用于在浏览器中增加交互性和动态效果。它允许我们编写脚本来处理用户操作，例如点击按钮、输入表单、拖动元素等。通过使用 JavaScript，我们也可以操作 HTML 和 CSS，动态更改页面内容和样式，从而提供丰富的用户体验。JavaScript 也可以与服务器进行通信，以便在不刷新整个页面的情况下获取或提交数据
基础语法
运行
前端语言的协作配合
CSS in HTML
- 行内样式
- 嵌入HTML文件中的CSS样式
- 编写CSS后缀文件，然后导入HTML文件的写法
JavaScript in HTML
vue的模板写法
行内式写法
HTML（5）
HTML DTD
基本语法
标签
全部标签
head标签
HTML5
语义化标签
存储
- Cookies：是存储在客户端计算机上的小文件，用于存储用户与网站之间的数据。
- Local Storage：Local Storage 是 HTML5 新增的一种 Web 存储机制，用于在客户端存储持久化数据。
- Session Storage：用于在客户端存储数据。数据在浏览器窗口或标签页关闭时自动清除。
- Capacity：Local Storage 或 Session Storage 可以存储的最大数据量，通常为 5MB 到 10MB 不等。
- Browsers： Web 浏览器
- Accessible from：可以从哪些网址访问到 Local Storage 或 Session Storage 中的数据。通常情况下，只有在同一域名下的页面才能够访问相同的 Local Storage 或 Session Storage 数据。
- Expires： Cookie 的过期时间。当 Cookie 的 Expires 属性为一个固定的时间点时，该 Cookie 将在该时间点失效；当 Expires 属性为 0 时，该 Cookie 将在浏览器关闭时失效。
- Storage Location：指 Local Storage 或 Session Storage 的存储位置。
- Sent with requests：指 Cookie 是否随着 HTTP 请求一起发送到服务器。
拓展分享
Web的风靡
- 对用户友好
- 对开发者友好
- 领域成熟度高
- 未来方向面广
大前端
课程总结
- 编程语言需要多拿来用，才能会
- 语义化标签，用对比不用好，不用比用错好
