什么是web
●Web:全球广域网，也称为万维网(www World Wide Web),能够通过浏览器访问的网站。
在浏览器中呈现精美的网页。
1.网页由那几部分组成？
>文字、图片、视频、音频、超链接，，，
2.我们看到的网页，背后本质是什么？
>程序员写的html" title=前端>前端代码
3.html" title=前端>前端代码如何转换成用户眼中的网页？
>通过浏览器转换成用户看到的网页。
>浏览器对代码进行解析渲染的部分，称为浏览器内核。
由于不同浏览器，内核不同，对于相同的html" title=前端>前端代码解析的效果可能会存在差异所以我们有一个统一规范叫做web标准。
web标准
●Web标准也称网页标准，由一系列的标准组成，大部分由W3C(World Wide Web Consortium,万维网联盟)负责制定。
●三个组成部分：
·HTML:负责网页的结构（页面元素和内容）。
·CSS:负责网页的表现(页面元素的外观、位置等页面样式，如：颜色、大小等)。
·JavaScript:负责网页的行为（交互效果）。
什么是HTML
●HTML(HyperText Markup Language):超文本标记语言。
◆超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。
◆标记语言：由标签“<标签名>”构成的语言
>HTML标签都是预定义好的。例如：使用<h1>展示标题，使用<img>展示图片，使用<video>展示视频。
>HTML代码直接在浏览器中运行，HTML标签由浏览器解析。
什么是css
●CSS(Cascading Style Sheet):层叠样式表，用于控制页面的样式（表现）。
html" title=前端>前端开发工具
●Visual Studio Code(简称VS Code)是Microsoft于2015年4月发布的一款代码编辑器。
●VS Code对html" title=前端>前端代码有非常强大的支持，同时也其他编程语言(例如：C++、JaVa、Python、PHP、Go等)。
●VS Code提供了非常强大的插件库，大大提高了开发效率。
●官网：Visual Studio Code - Code Editing. Redefined
定义标签
标题排版标签
标题样式
颜色表示形式：
CSS选择器是用来选取需要设置样式的元素（标签）的。
优先级：id选择器>类选择器>元素选择器
标签
超链接标签：<a></a>
<a href="http://gov.sina.com.cn/"target="_self">新浪政务</a>
target 是标签的打开方式。
用标签插入一个视频：
video用来定义视频的
用标签插入一张图片
三个标签总结：
盒子模型
盒子：页面中所有的元素（标签），都可以看做是一个盒子，由盒子将页面中的元素包含在一个矩形区域内，通过盒子的视角更方便的进行页面布局
盒子模型组成：内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin)
布局标签：网页开发中，会使用div和span这两个没有语义的布局标签
宽度：400像素：默认是内容展示区域的宽度·/，如果加上fxo-sizing：border-box展示的宽高为
如果不加上fxo-sizing：border-box则展示的宽度为
这里面的
小结：
flex布局
flex是flexible Box的缩写，意为"弹性布局"，是一种一维的布局模型。fLex布局可以为元素之间提供强大的空间分布和对齐能力。
通过给父容器添加fLex的相关属性，来控制子元素的位置和排列方式。
常见的属性：
表单标签
表单：在网页中主要负责数据采集功能，如注册、登录等数据采集。
标签：<form>
表单项：不同类型的input元素、下拉列表、文本域等。
<input>:定义表单项，通过type属性控制输入形式(text/password/.·,)
<select>:定义下拉列表
<textarea>:定义文本域
属性：
action:规定当提交表单时向何处发送表单数据，URL
method:规定用于发送表单数据的方式。get、post
注意：表单项必须有name属性才可以提交。
表单标签—表单项
<input>:表单项，通过type属性控制输入形式。
<select>:定义下拉列表，<option>定义列表项。
<textarea>:文本域
<label>标签是对文字进行包裹，使点击文字也有反应
定义下拉列表：
表格标签
代码案例：
