前端知识的总结（HTML+CSS+JavaScript）

最新推荐文章于 2022-08-28 21:24:24 发布

_mjr

最新推荐文章于 2022-08-28 21:24:24 发布

阅读量689

点赞数 1

分类专栏： web前端

本文链接：https://blog.csdn.net/qq_37503483/article/details/104498890

版权

web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

前端知识的总结（HTML+CSS+JavaScript）
什么是HTML？
超文本标记语言
html中的重点：

- 标签（元素）

HTML中元素是以开始标签起始，以结束标签终止的。

例如：

<p></p>

带“/”的代表结束，没有则是开始

标签又分为单标签和双标签

单标签的开始标签和结束标签均为同于个

例如<br/>和<hr/>
元素的内容是开始标签与结束标签之间的内容，某些 HTML 元素具有空内容（empty content）

空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
- 表格

<table>

<thead>

<tr>

<th>表头（一般是加粗字体）</th>

</tr>

<thead>

<tbody>

<tr>

</tr>

</tbody>

</table>
- 布局

使用表格

使用DIV+CSS（推荐使用）
- 表单

</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 的操作。