目录

一.前端三剑客：

二.tomcat简单使用

三.html介绍

四.html常见标签

1.文本标签（段落+标题）

1）.段落标签

2）.标题标签

2.表单标签（文本，密码，按钮，表单）

1）.文本框

2）.密码框

3）. 普通按钮，一般按钮，

4）. 提交按钮

5）. 表单

五.Maven配置web项目

1）.如何进行配置

（1）.html前端展示控件（页面内容）的资源文件

（2）.javascript：前端的脚本语言，写代码完成功能

（3）.css:前端样式文件

1. javascript和css可以是单独的资源文件，也可以在html里边直接写

二.tomcat简单使用

|---bin

        |--startup.bat/shutdown.bat（启动、关闭的脚本）

|--webapps 部署的路径（有一栋房子，要招租提供服务）

        |--项目（租户的名称，提供的各种服务）

注意如果在localhost:8080后面不加上webapps里面的项目文件名的话，默认访问的是webapps下的ROOT文件中的内容。

 

这种情况下，访问对应的项目服务方法为

http://localhost:8080/docs/apr.html

因为8080后面的内容为以部署路径（webapps）开始的相对路径

 

---

三.html介绍

1.HTML代表超文本标记语言。HTML是一种标记语言，它是标记标签的集合。

2.HTML文档结构至少要包括head, body两部分.如:

    
        
        
    
    
        Zebra
    

 

3.HTML标签是由尖括号括起来的词，如 ， 。

标签通常成对出现，例如 和 。也可以单个出现，如
（两种写法）

---

四.html常见标签

1.文本标签（段落+标题）

1）.段落标签

段落标签使用p标签，是paragraph的缩写，自带换行效果。如：

段落标签使用p表示,是paragraph的缩写
 
这里就是第二段啦

2）.标题标签

 标题标签h1 ~ h6 标题标签从名字就能看出,是用来定义文字标题的,包括h1-h6,数字越小对应的字体越大，如下:

我是一级标题
我是二级标题 
...
我是老六

 

2.表单标签（文本，密码，按钮，表单）

1）.文本框

单行的文本使用input标签，input标签有很多属性，如下：

1. type ，表示文本的类型；
2. name，表示文本的名称,后端使用name来获取框中的属性值；
3. value，默认属性框的填充值，用户输入后显示输入的内容
4. placeholder，文本框内容为空显示的内容（类似水印“请输入密码”）；
5. size，文本框的长度

2）.密码框

密码框与文本框类似 , 区别在于type取值不同, 取值为password, 输入时候自动显示为星号,如:

3）. 普通按钮，一般按钮，

如下：

普通按钮

4）. 提交按钮

当需要提交表单的时候，需要使用提交按钮。提交按钮需要配合form表单才能向服务器提交数据。如下：

提交按钮

5）. 表单

使用form来表示,表示提交到的服务器的信息,一般在注册或者登陆两个应用场景中使用 如下:

 
账号： 

 
密码： 

 
     
 

这两个

action=请求路径（相对路径和绝对路径都可以，相对路径的话以当前html文件所在的文件夹为根目录的路径）

---

五.Maven配置web项目

1）.如何进行配置

 现在我们要配置一个web项目，那就会有前端的一些文件，但是maven的src/main/resources里面存放的文件是后端的资源文件，为此我们要建立一个文件夹存放前端的资源文件。

配置完成后，在src/main/下会多一个webapp的文件夹，用于存放前端的资源文件