Menu

简单文章页面

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

挑战

简单

仅使用 HTML 重新创建一个基本的文章页面布局。页面应包含一个主标题、一张图片、一个副标题（h2）和两段文字。

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

在网上找一张自然风光图片来使用！

亲手试试

基础知识中的所有课

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