一个简单的 HTML 网页设计代码

我的网页

欢迎来到我的网页

这是一个简单的 HTML 网页设计。

  • 项目 1
  • 项目 2
  • 项目 3


在这个例子中,我们创建了一个简单的 HTML 网页,其中包括以下元素:

  • :告诉浏览器这是一个 HTML5 文件。
  • :定义 HTML 文档的根元素。
  • :包含有关文档的元数据,如标题等。
  • :定义网页标题,将显示在浏览器标签页上。</span></span></li><li style="margin: 0px 6px 0px;"><span style="font-size: 17px;"><span style="color: #374151; --tt-darkmode-color: #909DB3;" class="data-color--tt-darkmode-909db3"><body>:定义网页的主要内容。</span></span></li><li style="margin: 0px 6px 0px;"><span style="font-size: 17px;"><span style="color: #374151; --tt-darkmode-color: #909DB3;" class="data-color--tt-darkmode-909db3"><h1>:定义一个一级标题。</span></span></li><li style="margin: 0px 6px 0px;"><span style="font-size: 17px;"><span style="color: #374151; --tt-darkmode-color: #909DB3;" class="data-color--tt-darkmode-909db3"><p>:定义一个段落。</span></span></li><li style="margin: 0px 6px 0px;"><span style="font-size: 17px;"><span style="color: #374151; --tt-darkmode-color: #909DB3;" class="data-color--tt-darkmode-909db3"><img>:定义一个图片,并指定图片的源和替代文本。</span></span></li><li style="margin: 0px 6px 0px;"><span style="font-size: 17px;"><span style="color: rgb(55, 65, 81); --tt-darkmode-color: #909DB3;" class="data-color--tt-darkmode-909db3"><ul> 和 <li>:定义一个无序列表,并列出项目。</span></span></li></ul></div> </article> </div> </div> </div> </div> </div> </main> <footer class="footer"> <div class="container"> </div> </footer> <script src="https://www.yolihui.com/zb_users/theme/light/lib/sticky-sidebar.min.js"></script> <script src="https://www.yolihui.com/zb_users/theme/light/script/main.js?v=1.0.6" type="module"></script> </body> </html><!--35.15 ms , 7 queries , 2449kb memory , 0 error-->