第 1 步:卡片结构
本课属于 Coddy React 学习旅程的“基础知识”单元。第 39 课,共 42 课。
挑战
简单在 App.jsx 中搭建卡片的基本结构:
- 添加一个带有
className="card"的<div>。 - 在其中添加一个带有
id="profile-name"的<h2>,文本为Ada Lovelace。 - 在姓名下方添加一个带有
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>