Web编程笔记–前端篇

Web编程笔记–前端篇

本文参考链接：https://blog.csdn.net/shadow_zed/article/details/93848314
这是根据老师给的资料和自己查找的资料整理出来的笔记，期末复习自用。因为博主是信息安全专业，所以内容有一些会和本专业相关。

Web前端语言

HTML和带样式的HTML

构成一个最基本的网页，已经包含了网页常见的元素，HTML3.0中引入了对网页样式的定义。

CSS

CSS，又称叠层样式表，能够对网页中的对象的位置排版进行像素级的精确控制，实现基础的静态的交互设计；而CSS目前的最新版本CSS3能够真正做到网页表现与内容分离。

JavaScript

Javascript就是用来给HTML网页增加动态功能，实现更丰富的交互。

jQuery

是一个优秀的Javascript库。使用户能更方便地处理HTML，保持代码和内容分离,通过jQuery，可以不用在HTML里面插入一堆JS来调用命令，只需要定义ID即可。

网页与网站的区别

• 网页
  Web页面，即在浏览器上显示的页面。
• 网站
  一系列由通过各种链接关系关联起来的有共同主题的网页的集合体，包括主页以及由主页或子网页所跳转到的所有子网页
• 主页
  网站的入口页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如：index.html或default.html

静态网页与动态网页

• 静态网页
  由HTML直接书写，不能够在客户端与服务器端进行交互的网页
  静态网页的扩展名为.html或.htm
• 动态网页
  包含需由Web服务器执行的代码的静态网页包，能够在客户端与服务器端进行交互；
  网页的扩展名依据所用的服务端编程语言来定，如.php, .jsp, .aspx
• 全部由静态页面组成的网站称为静态网站；包含有动态网页的网站称为动态网站

DOM树

DOM 是 JavaScript 与页面内容进行交互的接口。
HTML 文档可描述成一个 DOM 树，如图：

HTML

HTML语法笔记

文档类型声明<!DOCTYPE>

• 文档类型由<!DOCTYPE>标签来声明，该标签主要用于说明所使用的HTML是什么版本以及