专业编程基础技术教程

网站首页 > 基础教程 正文

一个简单的标准 HTML 设计参考

ccvgpt 2025-05-16 12:07:54 基础教程 3 ℃

<!DOCTYPE html>

<html lang="en">

一个简单的标准 HTML 设计参考

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>我的网页</title>

</head>

<body>

<header>

<h1>我的网页</h1>

<nav>

<ul>

<li><a href="#">首页</a></li>

<li><a href="#">关于</a></li>

<li><a href="#">联系我们</a></li>

</ul>

</nav>

</header>

<main>

<section>

<h2>欢迎来到我的网页</h2>

<p>这是一个简单的 HTML5 网页设计。</p>

<img src="https://picsum.photos/200" alt="随机图片">

</section>

<section>

<h2>我们的服务</h2>

<ul>

<li>服务项目 1</li>

<li>服务项目 2</li>

<li>服务项目 3</li>

</ul>

</section>

</main>

<footer>

<p>&copy; 2023 我的网页</p>

</footer>

</body>

</html>


这个 HTML 参考代码包括以下标准 HTML 特性：

  1. <!DOCTYPE html>：HTML5 的文档类型声明，指定文档使用 HTML5 标准。
  2. <html>：HTML 文档的根元素。
  3. <head>：包含文档的元数据，如字符集、视口和标题等。
  4. <meta>：用于指定文档的元数据，如字符集和视口等。
  5. <title>：定义文档的标题，将显示在浏览器标签页上。
  6. <header>：定义文档的头部，包括网站的标题和导航栏。
  7. <nav>：定义导航栏。
  8. <ul> 和 <li>：定义无序列表和列表项。
  9. <main>：定义文档的主要内容区域。
  10. <section>：定义文档的区域。
  11. <h1> 到 <h6>：定义标题级别，h1 为最高级别。
  12. <p>：定义段落。
  13. <img>：定义图像。
  14. <footer>：定义文档的底部，包括版权和其他信息。

Tags：

猜你喜欢

最近发表
标签列表