<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个简单的 HTML 网页设计。</p>
<img src="https://picsum.photos/200" alt="随机图片">
<ul>
<li>项目 1</li>
<li>项目 2</li>
<li>项目 3</li>
</ul>
</body>
</html>
在这个例子中,我们创建了一个简单的 HTML 网页,其中包括以下元素:
- <!DOCTYPE html>:告诉浏览器这是一个 HTML5 文件。
- <html>:定义 HTML 文档的根元素。
- <head>:包含有关文档的元数据,如标题等。
- <title>:定义网页标题,将显示在浏览器标签页上。
- <body>:定义网页的主要内容。
- <h1>:定义一个一级标题。
- <p>:定义一个段落。
- <img>:定义一个图片,并指定图片的源和替代文本。
- <ul> 和 <li>:定义一个无序列表,并列出项目。