Menu
CoddyTech
开始学习

项目概览

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

challenge icon

挑战

简单

在这个项目中，你将使用 HTML 创建一张食谱卡片。先从零开始创建一个空的 HTML 文档，别忘了添加 html 和 body 标签。

亲手试试

基础知识中的所有课

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