文章目录
- 一、JavaWeb技术体系
- 二、前端三剑客
-
- 1、HTML(超文本标记语言)常用标签
-
- 1.1 根标记< html >、头标记< head >、体标记< body >
- 1.2 标题标记 < h1 >...< h6 >
- 1.3 超链接 < a >
- 1.4 表格 < table >
- 1.5 表单< form >:非常常用!
-
- 1.5.1 文本框 < input ==type="text"== />
- 1.5.2 密码框 < input ==type="password"== />
- 1.5.3 单选框 < input ==type="radio"== />
- 1.5.4 多选框:< input ==type="checkbox"== />
- 1.5.5 下拉列表:< select >(注意不再是< input >中换换type)
- 1.5.6 提交按钮:< input ==type="submit"== />,(依然是< input >中换换type)
- 1.5.7 重置按钮:< input ==type="reset"== />
- 2、CSS样式
- 三、登录界面
目标:了解JavaWeb技术体系,掌握常用技术点
【既然是学习大数据:以后主要就是集中到后端,对数据进行一些处理,那就得知道这些数据到底是怎么来的,也就是企业怎么就收集到用户的数据了,处理完了数据以后,又如何再反馈给用户
----> 即,后端的数据怎么来的,处理完了又如何返回给前端(而这整个过程,是通过JavaWeb来完成的)】
一、JavaWeb技术体系
【
- "前端"相关技术,通过浏览器实现;
- "后端"相关技术;
- 前后端肯定是要交互的,“通过HTTP协议交互”;
- 在交互过程中,肯定会发生数据的传递(客户端<---->服务端,可能会从客户端把一些数据传送到服务器端,也可能会把服务器端处理完成的数据响应给客户端),在这个过程中,就可以借助json、xml等格式进行"数据交互";
- 在整个项目过程中,有时需要维护用户的状态(比如,登录状态,可以做某些操作,非登录状态,就不能做某些操作),可以使用Cookie、Session来"维持会话状态"
】
简化版如下:
【讲解过程是以一个小项目来进行的,主要功能包括: 登录、注册
----> 那么首先就要有一个登录界面,让用户来输入用户名、密码,这就涉及前端技术】
二、前端三剑客
- HTML(结构):网页上要有什么东西,由HTML负责(用标记把图片、视频、音乐等等呈现出来)
- CSS(样式):美化网页
- 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 -->