02-JAVAWEB
目录：
1:HTML和CSS简介
2:登录功能的实现用户校验功能的实现
一、JavaWeb简介
1. 学习目的
整个javaWeb阶段的内容通过实际的案例贯穿学习， 所涉及到的技术知识点会在案例中根据不同的需求引入。该阶段的学习目标是了解javaWEB的整个技术体系，掌握常用的技术知识点。
JavaWeb阶段的学习主要是为了掌握JavaWeb核心的内容。
2. JavaWeb的技术体系
二、HTML和CSS简介
1. HTML简介
使用HTML完成一个简单的登录页面的开发！
HTML指的超文本标记语言(Hyper Text Markup Language)，是一种用来描述网页的语言。超文本指的是除了可以包含文字之外，还可以包含图片、链接、音乐、视频、程序等内容。
HTML网页的组成:
HTML+CCC+JS三者的关系：一般将一个网页分成三个部分：结构(HTML)、表现(CSS)、行为(JavaScript)；
HTML的基本语法：
①标签不能交叉嵌套
②标签必须正确关闭
③属性必须有值，属性值必须加引号
④注释不能嵌套
⑤HTML不区分大小写
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
这是我的第一个Html
<video src="test.mp4" controls="controls" ></video>
<img alt="尚硅谷" src="atguigu.jpg"/>
</body>
</html>
2. 常见的HTML标签
| 标签 | 作用 |
| <html> | 文档的根标签 |
| <head> | 文档的头标签 |
| <body> | 文档的体标签 |
| <a> | 超链接标签 |
| <form> | 表单标签 |
| <table> | 表格标签 |
| <span> | 用来组合文档中的行内元素，以便于通过样式来格式化它们 |
| <style> | 为文档定义样式信息 |
| <br> | 换行 |
| <hr> | 分割线 |
3. CSS
3.1 CSS简介
CSS 指层叠样式表 (Cascading Style Sheets)。CSS允许你创建一些规则，来指定元素中的内容将会如何显示。例如，可以指定页面背景颜色，字体的大小、颜色等。
CSS的基本语法：
selector {declaration1; declaration2; ... declarationN }
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明组成。选择器负责选取文档中的要素标签。
声明负责为他们指定样式属性。
例如：
这个语法代表为文档中所有的<h1>标签，设置其字体大小为14像素，颜色为红色。
3.2 CSS的设置方式
css的设置方式：
①通过<Style>标签设置
<style type="text/css">h1 {color: red; font-size: 14px; }</style>②在标签的属性中使用style属性设置样式
<h1 style="color: blue; ">鸡你太美</h1>③如果页面中要设置的样式过多，可以将样式信息独立写在一个css文件中，通过<link>标签来引入
<link type="text/css" href="my.css" rel="stylesheet ">3.3 CSS的选择器
元素(标签)选择器
例子：p {color: red; font-size: 12px;}
id选择器
例子：#id {color: red; font-size: 12px;}
类选择器
例子：.class{color: red; font-size: 12px;}
选择器分组
例子： p ，#id，.class {color: red; }
4. 简单的登录页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body bgcolor="pink">
<h1>欢迎登录</h1>
<form action="">
用户名称：<input name="username" value="" type="text">
<br>
用户密码：<input name="password" value="" type="password">
<br>
<input type="submit" value="提交">
</form>
</body>
</html>
3980
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
