下面是一个简单的 HTML5 实例，展示了基本的 HTML 结构、文本内容、图片、链接、音频和视频元素：
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML5 Example</title>
</head>
<body>

  <header>
    <h1>Welcome to HTML5 Example</h1>
  </header>

  <section>
    <h2>Introduction</h2>
    <p>This is a simple HTML5 example that includes various elements.</p>
  </section>

  <section>
    <h2>Text and Links</h2>
    <p>This is a <strong>bold</strong> and <em>italic</em> text.</p>
    <a href="https://www.example.com">Visit Example.com</a>
  </section>

  <section>
    <h2>Image</h2>
    <img src="example.jpg" alt="Example Image">
  </section>

  <section>
    <h2>Audio</h2>
    <audio controls>
      <source src="audio.mp3" type="audio/mp3">
      Your browser does not support the audio tag.
    </audio>
  </section>

  <section>
    <h2>Video</h2>
    <video width="640" height="360" controls>
      <source src="video.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
  </section>

  <footer>
    <p>&copy; 2023 HTML5 Example. All rights reserved.</p>
  </footer>

</body>
</html>

这个例子包含了一个基本的 HTML 结构，包括头部（<head>）、主体（<body>）、标题（<h1>、<h2>）、段落（<p>）、链接（<a>）、图像（<img>）、音频（<audio>）和视频（<video>）元素。其中，音频和视频元素都包含了 controls 属性，以显示播放器的控件。


转载请注明出处：http://www.zyzy.cn/article/detail/12499/HTML5