JavaWeb基础-①——前端技术基础

---

目标：了解JavaWeb技术体系，掌握常用技术点

【既然是学习大数据：以后主要就是集中到后端，对数据进行一些处理，那就得知道这些数据到底是怎么来的，也就是企业怎么就收集到用户的数据了，处理完了数据以后，又如何再反馈给用户
----> 即，后端的数据怎么来的，处理完了又如何返回给前端（而这整个过程，是通过JavaWeb来完成的）】

---

一、JavaWeb技术体系

【

1. "前端"相关技术，通过浏览器实现；
2. "后端"相关技术；
3. 前后端肯定是要交互的，“通过HTTP协议交互”；
4. 在交互过程中，肯定会发生数据的传递（客户端<---->服务端，可能会从客户端把一些数据传送到服务器端，也可能会把服务器端处理完成的数据响应给客户端），在这个过程中，就可以借助json、xml等格式进行"数据交互"；
5. 在整个项目过程中，有时需要维护用户的状态（比如，登录状态，可以做某些操作，非登录状态，就不能做某些操作），可以使用Cookie、Session来"维持会话状态"

】

简化版如下：

---

---

【讲解过程是以一个小项目来进行的，主要功能包括： 登录、注册
----> 那么首先就要有一个登录界面，让用户来输入用户名、密码，这就涉及前端技术】

二、前端三剑客

1. HTML（结构）：网页上要有什么东西，由HTML负责（用标记把图片、视频、音乐等等呈现出来）
2. CSS（样式）：美化网页
3. JS（行为）：想要实现交互（动态网页），需要JS

---

1、HTML（超文本标记语言）常用标签

• 超文本："超越"普通文本 —> 普通文本只能有文字，而网页上可以有文字、图片、链接、音乐、视频、程序
• 标记：HTML的核心就是标记，通过各种各样不同的标记，来呈现不同的内容（图片、视频等）

1.1 根标记< html >、头标记< head >、体标记< body >

一个HTML页面最基本的组成结构：

• < html >：根标记
• < head >：头标记 ——> 写描述性的信息（例如 CSS / JavaScript 的信息）
• < body >：体标记 ——> 写页面显示的信息（页面上要显示的东西，都写在body里）

---

1.2 标题标记 < h1 >…< h6 >

	<h1 align="center">标题1</h1>
	<h2 align="center">标题2</h2>
	<h3>标题3</h3>
	<h4>标题4</h4>
	<h5 align="right">标题5</h5>
	<h6 align="right">标题6</h6>

---

1.3 超链接 < a >

	<!-- 超链接    href：可以指定应用内（本项目内）或应用外（互联网中）的任意地址 -->
	<a href="http://www.baidu.com">点我查看超链接</a>

---

1.4 表格 < table >

• border属性：边框粗细（不设置，看不到边框）
• width属性：设置宽度（推荐自适应，只写百分比，如60%）
• cellspacing属性：设置单元格之间的距离（不想要边框的空隙，就设为0px）

	<h1 align="center">员工信息列表</h1>
	<!-- 表格 -->
	<table border="1px" align="center" width="60%" cellspacing="0px">
		<!-- 行 tr -->