html新闻网页源代码

顾国炎 3周前 12浏览 0评论

HTML是一种标记语言,它用于创建网页并在浏览器中显示。HTML新闻网站也不例外。HTML新闻网站通常会包含一些源代码,这些代码定义了网站的结构和内容。

<!DOCTYPE html>
<html>
<head>
  <title>新闻网站</title>
</head>
<body>
  <header>
    <h1>新闻头条</h1>
    <nav>
      <ul>
        <li><a href="#local-news">本地新闻</a></li>
        <li><a href="#world-news">国际新闻</a></li>
        <li><a href="#sports-news">体育新闻</a></li>
      </ul>
    </nav>
  </header>

  <section id="local-news">
    <h2>本地新闻</h2>
    <article>
      <h3>标题1</h3>
      <p>这是新闻内容1。</p>
    </article>
    <article>
      <h3>标题2</h3>
      <p>这是新闻内容2。</p>
    </article>
  </section>

  <section id="world-news">
    <h2>国际新闻</h2>
    <article>
      <h3>标题3</h3>
      <p>这是新闻内容3。</p>
    </article>
    <article>
      <h3>标题4</h3>
      <p>这是新闻内容4。</p>
    </article>
  </section>

  <section id="sports-news">
    <h2>体育新闻</h2>
    <article>
      <h3>标题5</h3>
      <p>这是新闻内容5。</p>
    </article>
    <article>
      <h3>标题6</h3>
      <p>这是新闻内容6。</p>
    </article>
  </section>

</body>
</html>

以上是一个简单的HTML新闻网页源代码示例。它包含一个头部,具有网站标题和导航。接下来有三个部分,每个部分都包含一个标题和几个文章,每个文章有一个标题和一些内容。