天天看點

四大名著案例|學習筆記四大名著案例

開發者學堂課程【HTML 入門與實戰:四大名著案例】學習筆記,與課程緊密聯系,讓使用者快速學習知識。

課程位址:

https://developer.aliyun.com/learning/course/593

四大名著案例

内容簡介

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

2、舉例演習

3、依次操作,做成案例

一、四大名著案例的目的

通過案例來聯系路徑和無序清單

二、舉例例如水浒傳是第一個内容,下方有詳細内容。

做之前,心中要有個想法,在什麼地方放什麼标簽

做的過程中友善布局。

四大名著案例|學習筆記四大名著案例

首先打開,頁面中已經有了整體架構,打開demo後,在其次四大名著的文字說明。

四大名著案例|學習筆記四大名著案例

要将以上内容做成一個HTML網頁。

對大标題做<h1>儲存一下,再重新整理

下面做水浒傳,下面有一個小圓點,四大名著沒有絕對順序,是以用無序清單更合适。

無序清單用<ul>,跟<li>連用。

四大名著案例|學習筆記四大名著案例

之後重新整理看結果

接下來第二組,三國演義

接下來依次操作紅樓夢、西遊記,重新整理看結果

開始水浒傳放圖檔

接下來依次操作。

四大名著案例|學習筆記四大名著案例

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

繼續閱讀