Menu
CoddyTech

关于我部分

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

challenge icon

挑战

简单
这是你的个人资料项目的后续内容!让我们在你已经创建的结构上继续完善。现在,你的页面应包含三个不同的单元,每个单元都用一个 <div> 标签包裹:

1. 页眉单元:一个包含 <h1> 标签(用于显示你的姓名)和 <p> 标签(用于显示简短标语)的 <div>。
2. 个人头像:一个包含 <img> 标签的 <div>。
3. About Me 单元:一个包含 <h2> 标签(文本为 'About Me')和 <p> 标签(简单介绍你自己)的 <div>。

请确保 HTML 结构按此顺序排列,以通过测试。

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <!-- 这是你项目的后续部分。请用下面三个单元来组织页面。 -->
        
        <!-- 页眉单元:在这个 div 中添加一个 <h1> 标签和一个 <p> 标签。 -->
        <div>
            
        </div>
        
        <!-- 头像单元:在这个 div 中添加一个 <img> 标签。 -->
        <div>
            
        </div>
        
        <!-- About Me 单元:在这个 div 中添加一个 <h2> 标签和一个 <p> 标签。 -->
        <div>
            
        </div>
    </body>
</html>

基础知识中的所有课

自己练习: Web 在线编辑器