布局回顾
本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 29 课,共 60 课。
挑战
简单创建一个 HTML 文档,包含我们目前学过的所有布局元素:
- 一个
<header>,其中包含一个主标题(<h1>),标题内容为 "My Website",以及一个包含指向 "Home"、"About" 和 “Contact” 的链接的导航栏(<nav>)。(放在无序列表中) - 一个
<main>区域,其中有一个<div>,包含一个段落(<p>),文本为 "This is the main content area."。在段落中,使用<span>标签包裹单词 "main"。 - 在主区域中,添加一个
<section>,其中包含一个标题(<h2>),标题内容为 "About Us",以及一个<article>,其中包含一个标题(<h3>),标题内容为 "Our Mission",还有一个包含一些占位文本的段落(<p>)。 - 一个
<footer>,其中包含一个段落(<p>),内容为 "Copyright 2024 My Website"。
亲手试试
<!DOCTYPE html>
<html>
<body>
<!-- 在这里编写代码 -->
</body>
</html>基础知识中的所有课
自己练习: Web 在线编辑器