前端知识的总结（HTML+CSS+JavaScript）
前端知识的总结（HTML+CSS+JavaScript）
什么是HTML？
超文本标记语言
html中的重点：
- 标签（元素）
HTML中元素是以开始标签起始，以结束标签终止的。
例如：
<p></p>
带“/”的代表结束，没有则是开始
标签又分为单标签和双标签
单标签的开始标签和结束标签均为同于个
例如<br/>和<hr/>
元素的内容是开始标签与结束标签之间的内容，某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
- 表格
<table>
<thead>
<tr>
<th>表头（一般是加粗字体）</th>
<th>表头</th>
</tr>
<thead>
<tbody>
<tr>
<td>表格内容</td>
<td>表格内容</td>
</tr>
</tbody>
</table>
- 布局
使用表格
使用DIV+CSS（推荐使用）
- 表单
<form action=”XXX” method=”XXX”>
<input/>
</form>
action:submit 操作执行的请求地址
method:指定请求的类型 get/post
- form 表单提交是不一定要通过 submit 操作的，可以通过 A JAX 请求序列化表单（serialize()）的方式完成表单数据的提交。（A JAX 序列化就是将 form 中的数据构建为明值对的字符串统一的提交到后台）
- 通过 form 表单提交和 A JAX 请求方式提交数据是两个原理完全不一样的设计方式。
表单元素标签
通过submit提交，浏览器会把表单元素的数据以名值对的方式提交给服务器。
关于 select 如何在 JS 中获取选中的值和选中的文本内容，在提交数据的时候，默认只会将select 中选中option的value值传递过去。
form 是个什么样的概念？在Web 编程中，可以把 form 理解为一个数据集合（组），我们把这一组数据包裹在 form 中，统一提交后台，进行业务逻辑的处理，在一个页面中可以有多个 form 存在。
但是在 A JAX 请求中，可以不要求有 form 存在。
什么是CSS?
样式定义如何显示HTML元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一个
css的重点：
DIV + CSS 布局基础，充分理解盒子模型
样式选择器：ID(#) Class(.) 标签（A DIV SPAN）
（样式的重点在于自己去看，怎么用可以参照w3school里面的）
伪类
例如：
a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
什么是javaScript?
JavaScript 是 Web 的编程语言。
JavaScript 的作用
- 业务逻辑处理
- 对 DOM 进行操作（DOM : Document Object Model）:通过事件驱动页面模型发生变化（DOM 树中元素的增删改查，特别是改：改内容，改样式），JavaScript 能操作 DOM 的原因在于JavaScript 实现了 DOM 相关操作的接口，能满足对 DOM 的操作。
JavaScript 是弱类型语言，而且书写是比较随意的。
弱语言体现在变量是没有准确的数据类型定义。通过 var 关键字定义。
关于 JavaScript 的判断条件
- 在条件表达式中，数字0和非0也可以表现为false和true
- 分支结构的三种表示方式
- 三目运算符是需要熟练掌握的，其本质就是个表达式
JavaScript里面的各类语法也是需要细学的(具体参考w3school)
重点内容：
除了语言基础以外还有javaScript里面的正则表达式
不难学但也很有必要学