你是不是已经超纲了？一文解决JavaWeb中要求的HTML，是什么样的？

文章目录

• • 一、正经的开始
  • 二、HTML简介
  • • 1、HTML“化简为繁”
    • 2、超文本“醉翁之意”
    • 3、标记“画地为牢”
    • 4、永远的HelloWorld
    • 5、HTML文件“解衣”
    • 6、HTML“潜规则”
  • 三、使用HTML展示文章
  • • 1、标题“双标标签”
    • 2、段落“井水不犯河水”
    • 3、超链接“转移战场”
    • 4、“小蝌蚪找妈妈”（了解）
    • 5、换行“Enter”
    • 6、无序“u”有序“o”
    • 7、图片“来了”
    • 8、块块块块块块
    • 9、杂七杂八
  • 四、使用HTML表单收集数据
  • • 1、“处处”是表单
    • 2、“主人”form标签
    • 3、“生死相随”name和value
    • 4、“常客”单行文本框
    • 5、“隐藏”密码框
    • 6、“唯一”单选框
    • 7、“多条船”复选框
    • 8、“更多”下拉列表
    • 9、按钮“打开潘多拉魔盒”
    • 10、隐藏域“默不作声”
    • 11、多行文本框
  • 五、不正经的总结 /li>

一、正经的开始

欢迎光临

二、HTML简介

1、HTML“化简为繁”

HTML是Hyper Text Markup Language的缩写，中文意思是『超文本标记语言』。

2、超文本“醉翁之意”

5、HTML文件“解衣”

①文档类型声明
HTML文件中第一行的内容，用来告诉浏览器当前HTML文档的基本信息，其中最重要的就是当前HTML文档遵循的语法标准。这里主要就是HTML4和HTML5这两个大的版本。
HTML4版本的文档类型声明：

HTML5版本的文档类型声明：

现在主流的技术选型都是使用HTML5，之前的版本基本不使用了。

②根标签
html标签是整个文档的根标签，所有其他标签都必须放在html标签里面。注意的是文档类型声明不能当做普通标签看待。

③头部
head标签用于定义文档的头部，其他头部元素都放在head标签里。头部元素包括title标签、script标签、style标签、link标签、meta标签等。

④主体
body标签定义 页的主体内容，在浏览器窗口内显示的内容都定义在body标签内。

⑤注释
HTML注释的写法是：

注释的内容不会显示到浏览器窗口内，是开发人员用来对代码内容进行解释说明。

6、HTML“潜规则”

①根标签html有且只能有一个
②无论是双标签还是单标签都必须正确关闭
③标签可以嵌套但不能交叉嵌套
④注释不能嵌套
⑤一般情况属性必须有值，值必须加引 ，单引 或双引 均可
⑥标签名不区分大小写但建议使用小写

三、使用HTML展示文章

以文章的组织形式展示数据是HTML最基本的功能， 页上显示的文章在没有做任何CSS样式设定的情况下如下图所示：

注意：标题标签前后有换行。

2、段落“井水不犯河水”

①代码

②页面显示效果

点击后跳转到百度主页。

4、“小蝌蚪找妈妈”（了解）

在整个Web开发技术体系中，『路径』是一个贯穿始终的重要概念。凡是需要获取另外一个资源的时候都需要用到路径。要想理解路径这个概念，我们首先要认识一个概念：『文件系统』。

①文件系统
写代码时通常都是在Windows系统下，而一个项目开发完成后想要让所有人都能够访问到就必须『部署』到服务器上，也叫『发布』，而服务器通常是Linux系统。

Windows系统和Linux系统的文件系统有很大差别，为了让我们编写的代码不会因为从Windows系统部署到了Linux系统而出现故障，实际开发时不允许使用物理路径。

物理路径举例：
C:javawebprojectpage01.html
C:xxxxxxxxxxxx.html

而是不管是Windows系统还是Linux系统环境下，目录结构都是树形结构，编写路径的规则是一样的。

那么按照相对路径的规则，现在所在的位置是a.html所在的b目录：

c目录还是不行，继续向上走，进入c的父目录——d目录：

所以整个路径的写法是：

可以看到使用相对路径有可能会很繁琐，而且在后面我们结合了在服务器上运行的Java程序后，相对路径的基准是有可能发生变化的，所以不建议使用相对路径。

③绝对路径
[1]通过IDEA服务器打开HTML文件
测试绝对路径的前提是通过IDEA的内置服务器访问我们编写的HTML页面——这样访问地址的组成结构才能和我们以后在服务器上运行的Java程序一致。
[2]服务器访问地址的组成

这里标注出的这个位置代表的是『服务器根目录』，从这里开始就是在服务器的内部查找一个具体的Web应用。

所以编写绝对路径时就从这个位置开始，按照目录结构找到目标文件即可。以前面相对路径中的例子为例，我们想在a.html页面中通过超链接访问z.html，此时路径从正斜线开始，和a.html自身所在位置没有任何关系：

6、无序“u”有序“o”