一个基本的网页制作代码:标题和内容

一个基本的网页制作代码:标题和内容

<!DOCTYPE html>
<html>
<head>
  <title>我的网页</title>
</head>
<body>
  <h1>欢迎来到我的网页!</h1>
  
  <p>这是一个基本的网页示例,用于展示网页制作的基本代码。</p>
  
  <h2>主要内容</h2>
  <p>在这里可以添加主要内容,例如文本、图片、链接等。</p>
  
  <h3>链接示例</h3>
  <p><a href="https://www.example.com">点击这里</a>访问一个示例网站。</p>
  
  <h3>图片示例</h3>
  <img src="image.jpg" alt="示例图片">
  
  <h3>表格示例</h3>
  <table border="1">
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
    <tr>
      <td>张三</td>
      <td>25</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>30</td>
    </tr>
  </table>
  
  <h3>表单示例</h3>
  <form action="/submit" method="post">
    <label for="name">姓名:</label><br>
    <input type="text" id="name" name="name"><br>
    <label for="email">邮箱:</label><br>
    <input type="email" id="email" name="email"><br><br>
    <input type="submit" value="提交">
  </form>
</body>
</html>

这个代码创建了一个简单的网页,包括标题、主要内容、链接、图片、表格和表单等元素,你可以根据自己的需求进行修改和扩展,请注意,这只是一个基本的示例,实际的网页制作可能需要更多的代码和功能。

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

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买