- 一、html基本语法--决定页面上显示什么
- 1.定义：①解释：超文本标记语言。
- 2.基本语法：
- 3.列表
- 4.div层
- 5.表格标签
- 6.表单
- 二、CSS
- 1.定义
- 2.基本语法
- 3.static中的CSS文件夹
- 4.CSS帮助文档
- 5.CSS最基本的分类
- 6.CSS从位置上的分类
- 7.CSS浏览器的兼容问题以及页面布局语法(盒子模型)
- 8.位置关系（position、float）
- 9.框架的搭建
- 方法一：frameset
- 方法二：div搭建
- 10.一个小的水果售卖页面（CSS+HTML）
- 三、JavaScript
- 1.定义
- 2.两种引用js的方法。
- ①较早的方法
- ②现在使用的方法
- 3.js是一门弱语言
- 4.数据类型
- ①基本数据类型：
- ②引用类型
- 5.定义js
- 6.函数（类似java中的方法）
- 7.定义js文件（与CSS文件类似）
- 8.事件
- ①event：当前发生的事件
- ②event.srcElement：事件源
- ③οnmοuseοver="...":鼠标悬浮在某处触发事件
- **④事件传递**
- ⑤某节点样式
- ⑥获取该tr中所有单元格
- ⑦手势
- 9.window函数
- 10.实战，鼠标事件（鼠标悬浮与离开）
- 四、Tomcat
- 1.welcome-file-list页面（设置欢迎页）
- *五、报错
- 1.404
- ①没有找到页面，检查自己的html、jsp页面的对应名字是否与url名字对应
- 2.405
- *六、Servlet使用
- 1.前端页面：
- 2.web.xml
- 3.后端获取post请求
②html是一门解释性语言，可以在编译语法错误的情况下继续解析页面并返回。
2.基本语法：①换行
1
2
②图片插入
③标题
④下划线
⑤下标、上标
⑥HTML字符实体
8lt;....
⑦不换行标记
⑧超链接
3.列表
①有序、类型，开始数字
②无序
5.表格标签
文本框、密码框、单选、多选、文本域、提交按钮、重置按钮、普通按钮、下拉框
7.框架
二、CSS 1.定义
决定页面上的内容显示的美观程度
2.基本语法
这是段落一
这是段落二
这是段落三
这是段落四
HELLO
World
!!!!
3.static中的CSS文件夹
一般不将CSS文件放在html页面中，CSS样式太多，会使页面变得复杂，所以在static中新建一个CSS文件夹来存放.css文件
4.CSS帮助文档D:1-DigSutdy尚硅谷学习-部分整合尚硅谷JavaWeb2022版全新教程代码素材资料Day2-CSS-JS资料
5.CSS最基本的分类标签样式表、类样式表、ID样式表
6.CSS从位置上的分类嵌入式样式表、内部样式表、外部样式表
7.CSS浏览器的兼容问题以及页面布局语法(盒子模型)8.位置关系（position、float）
Title
9.框架的搭建
方法一：frameset
方法二：div搭建
Title
div_top
div_left
div_main
div_bottom
10.一个小的水果售卖页面（CSS+HTML）
主页面：
Title
名称
单价
数量
小计
操作
苹果
5
20
100
西瓜
10
50
500
菠萝
15
30
200
香蕉
7
8
64
总计
999
CSS页面：
boby{
margin:0;
padding: 0;
width: 100%;
height: 100%;
}
div{
float: left;
position: relative;
}
#div_container{
background-color: azure;
height: 100%;
width: 85%;
float: left;
border: 0px solid blue;
margin-left: 10%;
border-radius: 8px;
}
#tbl_fruit{
width: 100%;
line-height:28px ;
margin-top: 120px;
margin-left: 20%;
}
#tbl_fruit,#tbl_fruit th,#tbl_fruit td{
border: 1px solid gray;
border-collapse: collapse;
text-align: center;
font-size: 16px;
font-family: "黑体";
font-weight: lighter;
color: threeddarkshadow;
}
.w20{
width: 20%;
}
.delImg{
width: 20px;
height: 20px;
}
最终效果：
小结
实际上都是前端页面编程的基础，需要都掌握，并且还能熟练写出笔记中的代码。
书写代码过程中，碰到了以下几个疑问：
①CSS声明中，出现被弃用方法
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xFtwRYPw-1652235990672)(C:UserscheaterAppDataRoamingTyporatypora-user-images1649064261919.png)]