开发者学堂课程【HTML 入门与实战：四大名著案例】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/593

四大名著案例

内容简介

1、介绍四大名著案例的目的

2、举例演习

3、依次操作，做成案例

一、四大名著案例的目的

通过案例来联系路径和无序列表

二、举例例如水浒传是第一个内容，下方有详细内容。

做之前，心中要有个想法，在什么地方放什么标签

做的过程中方便布局。

首先打开，页面中已经有了整体框架，打开demo后，在其次四大名著的文字说明。

要将以上内容做成一个HTML网页。

对大标题做<h1>保存一下，再刷新

下面做水浒传，下面有一个小圆点，四大名著没有绝对顺序，因此用无序列表更合适。

无序列表用<ul>,跟<li>连用。

之后刷新看结果

接下来第二组，三国演义

接下来依次操作红楼梦、西游记，刷新看结果

开始水浒传放图片

接下来依次操作。

最后四大名著案例全部做完