一个简单的HTML网页制作源码:标题和内容

<!DOCTYPE html>
<html>
<head>
  <title>我的网页</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
    }
    h1 {
      color: #333;
    }
    p {
      color: #666;
    }
  </style>
</head>
<body>
  <h1>欢迎来到我的网页!</h1>
  <p>这是一个简单的HTML网页示例,用于展示网页的基本结构和元素。</p>
  <p>你可以在这里添加文本、图片、链接、列表等各种元素,以丰富你的网页内容。</p>
  <h2>网页元素</h2>
  <ul>
    <li>标题:<a href="#">标题文字</a></li>
    <li>段落:<p>这是第一段文字。</p></li>
    <li>链接:<a href="https://www.example.com">点击这里访问示例网站</a></li>
    <li>图片:<img src="image.jpg" alt="示例图片" /></li>
    <li>列表:<ul><li>列表项1</li><li>列表项2</li></ul></li>
  </ul>
  <h2>CSS样式</h2>
  <p>你可以使用CSS来添加样式,例如更改字体、颜色、大小、边距等。</p>
  <p><strong>注意:</strong>在编写HTML和CSS时,请确保遵循W3C规范,以确保网页在不同浏览器中的兼容性和显示效果。</p>
</body>
</html>

这个网页的标题是"我的网页",内容介绍了如何制作一个简单的HTML网页,并展示了各种网页元素和CSS样式的用法,你可以根据自己的需求进行修改和扩展,记得在保存文件时将文件扩展名更改为.html,以确保它是一个有效的HTML文件。

转载请说明出处内容投诉
CSS教程_站长资源网 » 一个简单的HTML网页制作源码:标题和内容

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买