目标：学习PC端网站布局
目的：精通网页布局，前端的必备技能。为学习JavaScript打基础。
网页
- 网站指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合
- 网页是网站中的一页，通常为HTML格式的文件（.htm或.html），他要通过游览器来阅读
- 网页是构成网站的基本元素，通常由图片、链接、文字、声音、视频等元素组成
什么是HTML
- HTML指的是超文本标记语言，用来描述网页的一种语言。
- HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签。
- 网页是由网页元素组成，这些元素是利用html标签描述出来，然后通过游览器解析来显示给用户的
Web 标准的构成
主要包括结构（structure）、表现（presentation）和行为（behavior）三个方面。
- 结构：用于对网页元素进行整理和分类，现价段主要学的是html。（重要）
- 表现：用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
- 行为：指网页模型的定义及交互的编写，主要是学JavaScript。
web标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到html文件中，表现写到CSS文件中，行为写到JavaScript文件中。
HTML标签
HTML基础结构标签（骨架标签）
- <html></html> 根标签
- <head></head>头部标签，在head标签中必须设置title标签
- <title></title>让页面拥有一个属于自己的网页标题
- <body></body>包含文档的所有内容
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
你我之间，黑马洗练，月薪过万，一飞冲天
</body>
</html>VS code 插件
- Chinese 中文语言包
- open in browser 右击选择游览器打开html文件
- auto rename tag 自动重命名配对的HTML/XML标签
- CSS peek 追踪至样式
掌握：
- html骨架标签
- 超链接标签
- 写出图片标签并区分alt和title
- 说出相对路径的三种形式
800
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
