0
点赞
收藏
分享

微信扫一扫

用HTML+CSS+数据库,制作一个和田地区的美食和景色网站代码


以下是一个简单的用HTML、CSS、PHP和数据库制作的关于和田地区美食和景色的网站代码示例:

<!DOCTYPE html>
 <html>
 <head>
     <title>和田地区美食和景色</title>
     <style>
         /* CSS样式 */
         body {
             font-family: Arial, sans-serif;
             margin: 0;
             padding: 20px;
         }        h1 {
             text-align: center;
         }        .grid {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             grid-gap: 20px;
             margin-top: 20px;
         }        .card {
             border: 1px solid #ccc;
             padding: 10px;
         }        .card img {
             max-width: 100%;
             height: auto;
         }
     </style>
 </head>
 <body>
     <h1>和田地区美食和景色</h1>    <div class="grid">
         <?php
         // 连接数据库
         $conn = mysqli_connect("localhost", "username", "password", "database_name");        // 检查数据库连接是否成功
         if (!$conn) {
             die("数据库连接失败: " . mysqli_connect_error());
         }        // 查询美食和景色数据
         $sql = "SELECT * FROM foods_and_scenery";
         $result = mysqli_query($conn, $sql);        // 循环输出每个数据
         while ($row = mysqli_fetch_assoc($result)) {
             echo "<div class='card'>";
             echo "<img src='" . $row['image_url'] . "' alt='" . $row['name'] . "'>";
             echo "<h2>" . $row['name'] . "</h2>";
             echo "<p>" . $row['description'] . "</p>";
             echo "</div>";
         }        // 关闭数据库连接
         mysqli_close($conn);
         ?>
     </div>
 </body>
 </html>

需要注意的是,上述代码中的数据库连接信息(localhostusernamepassworddatabase_name)需要根据实际情况进行替换。此外,还应该创建一个名为foods_and_scenery的数据表,并根据需要添加相应的字段(如namedescriptionimage_url等)以存储美食和景色

举报

相关推荐

用html制作一个课程表

0 条评论