二、HTML 基础
一、介绍
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>白树潮</title>
</head>
<body>
<h1>第一个标题</h1>
<p>第一个段落</p>
</body>
</html>
结果
* <!DOCTYPE html> 声明为 HTML 文档
* <html> 元素是 HTML 页面的根元素
* <head> 元素包含了文档的元（meta）数据
* <body> 元素包含了可见的页面内容
* <h1> 元素定义一个大标题
* <p> 元素定义一个段落
二、 HTML 网页结构
三、HTML 标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>john</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>
run
这是标题 1
这是标题 2
这是标题 3
这是标题 4
这是标题 5
这是标题 6
四、HTML 段落
HTML 段落是通过标签
来定义的
code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>john</title>
</head>
<body>
<p>这是一个段落</p>
<p>这是一个段落</p>
<p>这是一个段落</p>
</body>
</html>
run
这是一个段落
这是一个段落
这是一个段落
五、HTML 链接
A: 那个网页最好了？
B: 当然是百度了
A: 那就跳百度了
B: 哈哈哈
code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>john</title>
</head>
<body>
<a href="https://www.baidu.com">跳百度</a>
</body>
</html>
六、HTML 图像
HTML 图像是通过标签 来定义的
code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>john</title>
</head>
<body>
<img src="images/123.jpg" width="500" height="368" />
</body>
</html>
