Menu
CoddyTech

布局回顾

本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 29 课,共 60 课。

challenge icon

挑战

简单

创建一个 HTML 文档,包含我们目前学过的所有布局元素:

  1. 一个 <header>,其中包含一个主标题(<h1>),标题内容为 "My Website",以及一个包含指向 "Home"、"About" 和 “Contact” 的链接的导航栏(<nav>)。(放在无序列表中)
  2. 一个 <main> 区域,其中有一个 <div>,包含一个段落(<p>),文本为 "This is the main content area."。在段落中,使用 <span> 标签包裹单词 "main"。
  3. 在主区域中,添加一个 <section>,其中包含一个标题(<h2>),标题内容为 "About Us",以及一个 <article>,其中包含一个标题(<h3>),标题内容为 "Our Mission",还有一个包含一些占位文本的段落(<p>)。
  4. 一个 <footer>,其中包含一个段落(<p>),内容为 "Copyright 2024 My Website"。

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <!-- 在这里编写代码 -->
    </body>
</html>

基础知识中的所有课

自己练习: Web 在线编辑器