Java web-html_javaweb编写html页面,输入姓名-优快云博客

本文链接：https://blog.youkuaiyun.com/yanweiding/article/details/110855527

前端三剑客：html,css,js
html：网页资源文件，包括页面元素
css：样式文件
js：前端脚本语言，javascript，前端代码完成功能

HTML是用于创建网页的语言。我们通过使用HTML标记标签创建html文档来创建网页。HTML代表超文本标记语言。HTML是一种标记语言，它是标记标签的集合。
HTML标签是由尖括号括起来的词，如，。标签通常成对出现，例如和。
一对中的第一个标签是开始标签;第二个标签是结束标签，是结束标签，我们还可以将开始标签称为起始标签，结束标签称为闭合标签。
HTML文档结构至少要包括head, body两部分

写好了以后
如果是自己手动打开tomcat，在bin下面的startup.bat
在浏览器的话输入路径是localhost:8080/test(webapps文件夹的下一层）/title.html

pom.xml内容

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>org.example</groupId>
    <artifactId>Test</artifactId>
    <version>1.0-SNAPSHOT</version>
<packaging>war</packaging>

    <properties>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
    </properties>
    <!--依赖包-->
    <dependencies>
    <dependency>
        <!--组织名，一般是公司域名-->
        <groupId>mysql</groupId>
        <!--产品名-->
        <artifactId>mysql-connector-java</artifactId>
        <!--版本号-->
        <version>5.1.49</version>
    </dependency>
    </dependencies>

</project>

title.html部分内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>是</title>
</head>
<body>
<font color="#faebd7" size="6">我s</font>

</body>
</html>

用IDEA启动的话就输入localhost:8080/test1（自己配置起的名字）/title.html访问

特殊字符
< &lt+分号
右尖括号：&gt+分号
空格是&nbsp+分号

标题标签

标题

1-6依次减小

ty

hj

kl

左对齐，居中对齐，右对齐 align是对齐属性，默认左对齐

超链接

百度

a标签是超链接，href属性设置链接的地址
target属性设置哪个目标进行跳转
_self当前页面
_blank 打开新页面
当前效果：
在这里插入图片描述
ul无序列表
li是列表项
type属性可以修改列表项前面的符号

 <ul type="none">
     <li>
         2020
     </li>
     <li>
         继续
     </li>
     <li>
         加油
     </li>
 </ul>

在这里插入图片描述

一个登陆页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>

<form method="post" action="login">
    账号：<input type="text" name="username" placeholder="请输入姓名"><br>
    密码：<input type="password" name="username" placeholder="请输入姓名"><br>
    <input type="submit" value="登录">
</form>

</body>
</html>

在这里插入图片描述