Menu
CoddyTech

第 1 步:卡片结构

本课属于 Coddy React 学习旅程的“基础知识”单元。第 39 课,共 42 课。

challenge icon

挑战

简单

在 App.jsx 中搭建卡片的基本结构:

  1. 添加一个带有 className="card" 的 <div>。
  2. 在其中添加一个带有 id="profile-name" 的 <h2>,文本为 Ada Lovelace。
  3. 在姓名下方添加一个带有 id="profile-bio" 的 <p>,文本为 First programmer。

亲手试试

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="styles.css" />
    </head>
    <body>
        <div id="root"></div>
        <script type="module" src="main.jsx"></script>
    </body>
</html>

基础知识中的所有课