JavaWeb基础总结之HTML

HTML：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML 运行在浏览器上，由浏览器来解析。HTML页面是静态页面。

新建一个HTML页面：

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

</body>
</html>

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容

HTML被称作为超文本标记语言，那么我们就可以知道他并不是一门编程语言，而是一门标记语言。所以了解学习其标签，是必不可少的一个环节：格式：

<标签>内容</标签>

<p> 元素:

<p> 元素定义了 HTML 文档中的一个段落。这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>

<body> 元素:

元素定义了 HTML 文档的主体。这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。

<html> 元素：

元素定义了整个 HTML 文档。这个元素拥有一个开始标签 <html> ，以及一个结束标签 </html>。

<i>斜体字：姓名</i>
<br/>
<b>字体加粗：Is-Me-HL</b>
<br/>
<s>字体删除：个人站点:</s>
<br/>
<u>字体加下划线：www.208j.club</u>
<br/>
下标：5<sub>2</sub>
<br/>
上标：5<sup>2</sup>
<p>段落标签：自带换行</p>
<div>
    <span>div自动换行，span在一行显示</span>
</div>

将上述代码放入<body></body>标签中运行即可得到下面效果：

上面是常见标签的简单使用，除此之外html还有其他一些好玩的东西：比如将如下代码加入到<head></head>标签中，即可实现一个定时跳转的功能：

<meta http-equiv="refresh" content="3;url=https://www.baidu.com" />

上述代码是在浏览器加载完HTML页面之后3秒自动跳转到百度搜索页面。

除了以上，还有部分好玩的东西可以自行百度了解（包括iframe等等）。也可以找个教程看看HTML教程（包含H5教程）

注：以上文章仅是个人学习过程总结，若有不当之处，望不吝赐教。

JavaWeb基础总结之HTML

猜你喜欢