html代码实例水果网页

在这个HTML实例中，我们将会创建一个简单的水果网页。首先，我们需要定义一个HTML文档并且打开和关闭我们的标签。在我们的标签之前，我们需要定义头部信息，包括标题和链接样式表。

  !DOCTYPE html>
      html>
        head>
          title>
    水果网页/title>
          link rel="stylesheet" href="style.css">
        /head>
        body>
    

接下来，我们会创建一个标题，以及一个包含所有内容的标签。我们将定义一个分类标题“我们的水果”，以及三个水果名称：苹果，香蕉和橙子。每个水果名称都将由一个

标签包围。

      h1>
    水果网页/h1>
          div class="container">
            h2>
    我们的水果/h2>
            h2>
    苹果/h2>
            h2>
    香蕉/h2>
            h2>
    橙子/h2>
          /div>
        /body>
      /html>

最后，我们将通过在CSS文件中定义样式，使我们的网页外观更加优美。我们将定义一个全局样式以及一个容器样式。

  * {
        margin: 0;
        padding: 0;
  }
    .container {
        width: 800px;
        margin: 0 auto;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        color: #333;
  }
    

这些是创建一个水果网页的基本步骤和HTML和CSS代码。我们可以根据需要添加更多的内容和样式，让网页更加个性化和美观。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！