html简单网页代码 html代码在线运行
创建一个简单的网页代码是学习和理解HTML基础的好方法。下面是一个基本的HTML网页示例，包括HTML的基本结构、标题、段落和一个简单的链接。
1. HTML文档的基本结构
HTML文档由一个文档类型声明、html标签、head标签和body标签组成。这是构建网页的基础框架。
以下是一个简单的HTML文档结构：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>简单网页示例</title>
</head>
<body>
<!-- 网页内容将放在这里 -->
</body>
</html>
这段代码定义了网页的编码为UTF-8，并设置了网页的标题。
2. 添加标题
在HTML中，标题标签从<h1>到<h6>表示不同级别的标题，其中<h1>表示最高级别的标题。
，在body标签中添加一个一级标题：
<body>
<h1>欢迎来到我的简单网页</h1>
</body>
3. 添加段落
段落标签<p>用于定义文本段落。在body标签中添加一个段落：
<body>
<h1>欢迎来到我的简单网页</h1>
<p>这是一个简单的HTML网页示例。</p>
</body>
4. 添加链接
锚标签<a>用于创建超链接。可以链接到其他网页或网页内的某个部分。
，添加一个指向百度首页的链接：
<body>
<h1>欢迎来到我的简单网页</h1>
<p>这是一个简单的HTML网页示例。点击<a href="https://www.baidu.com">这里</a>访问百度首页。</p>
</body>
5. 网页样式（可选）
虽然HTML用于定义网页的结构和内容，但CSS（层叠样式表）用于控制网页的外观和格式。
可以在head标签中添加一个内部样式表，或者链接一个外部样式表来美化网页。
，添加一个简单的内部样式表来改变标题的颜色：
<head>
<meta charset="UTF-8">
<title>简单网页示例</title>
<style>
h1 {color: blue;}
</style>
</head>
以上是一个简单的HTML网页示例，包括了HTML文档的基本结构、标题、段落、链接和网页样式。通过这些基础元素，可以构建出功能丰富的网页。希望这个示例能帮助你更好地理解HTML的基础知识。
