个人头像

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

挑战

简单

好了，现在该添加头像了！你可以使用任意喜欢的图片，也可以使用下面示例中的链接。

在第一个 div（页眉部分）后面，再创建一个 <div>。在里面添加一个 <img> 标签。
将 src 设置为图片链接，并使用 width 和 height 属性控制图片大小。

例如：

src - https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png
width - 200
height - 200"

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <!-- Header Section -->
        <div>
            <h1>John Doe</h1>
            <p>Web Developer | Creative Thinker</p>
        </div>
    </body>
</html>

基础知识中的所有课

1HTML 基础

什么是 HTML？HTML 的基本结构标签和元素嵌套标签和闭合标签 HTML 中的注释

4食谱卡片

7个人资料页

个人头像

10表格

2文本与格式设置

标题段落换行粗体和斜体再次练习粗体和斜体回顾：格式设置

5添加内容

HTML 属性链接新页面链接图片图片属性

8表单和输入，第 1 部分

表单基础文本输入框输入属性密码输入框输入框的标签回顾：基础表单

11活动报名页面

3使用列表

6页面布局

div 元素行内 span 语义化标签 section 和 article 元素布局回顾

9表单和输入，第 2 部分

单选按钮复选框下拉菜单按钮表单中的按钮回顾：表单 #1 回顾：表单 #2

12最终挑战

简单个人资料卡活动邀请卡简单文章页面最喜欢的书籍列表

自己练习： Web 在线编辑器