Menu

简单个人资料卡

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

挑战

简单

仅使用 HTML 重新创建一张简单的个人资料卡片。卡片应包含标题、图片和一小段文字，并整齐地排列。

按照下方图片匹配结构和文字：

图片请使用以下 URL - https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar8.png

亲手试试

基础知识中的所有课

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 在线编辑器