web前端页面基础

web具备三要素：

1、浏览器：通过浏览器访问html页面，发送请求提交到web服务器，并接收和展示服务器返回的html内容

2、web服务器：接收访问浏览器的请求，并将结果发送给浏览器

3、http协议：浏览器与web服务器的通讯协议。

web前端页面的编写需要html、css、javascript。三者缺一不可。

三者之间的关系：

1、html：超文本标记语言，通过标签形式标记要展示的内容。主要用来构建网页的框架。

                一来将浏览器页面分割，布阵；二来为分割页面安置排布的内容。

2、css：层叠样式表，美化网页。美化网页，装饰页面框架布局。

               按html布局为网页增加页面背景色彩，设置字体大小、颜色等，空间位置。

3、javascript：脚本语言，j操作html，css文件，定义网页的交互行为 。

               可以为前端页面html元素添加交互动作，如点击按钮、滑动菜单。

html、css内容较多，但学习起来比较容易，建议先学习html，有点认识后学习css

W3CSchool教程：HTML 教程_w3cschool、CSS 教程_w3cschool

菜鸟教程：菜鸟教程 - 学的不仅是技术，更是梦想！

学习html、css：

• 掌握html页面结构
  整体情况，掌握各类标签使用限制与场景
• 掌握css各类属性，及其使用限制与场景
• 阅读网站源代码，了解网站布局（右键-查看网站源代码）
• 最主要的是实练，先模仿网上布局后改善，自己沉淀积累

html可以通过简单的txt文档编写，只要存储为.html文件，浏览器即可识别

javascript为编程语言，相对复杂一些

W3CSchool教程：JavaScript 教程_w3cschool

菜鸟教程：菜鸟教程 - 学的不仅是技术，更是梦想！

学习javascript

• 需要有一定编程基础，学过java最好
• 掌握页面元素的获取方式，掌握各类事件的使用场景与语法
• 页面练习，实现各类事件写法