網頁製作基礎任務教程（HTML5+CSS3）（慕課版）

殷兆燕在常州信息職業技術學院從事多年Web前端相關教學和科研工作；主持建設省級在線開放課程《靜態網頁設計技術》；獲得江蘇省教學能力大賽二等獎一次，江蘇省微課教學大賽二等獎兩次；參與編寫《信息技基礎》、《電腦應用基礎》等新形態一體化教程。

目錄

單元1　HTML5基礎　1

任務1　製作第 一個簡單的網頁　1

任務描述　1

前導知識　1

1.1　網頁的相關概念　1

1.1.1　網站、網頁與主頁　1

1.1.2　靜態網頁與動態網頁　1

1.1.3　Web技術簡介　2

1.1.4　網站開發的流程　4

1.1.5　HTML5簡介　4

1.2　網頁的編輯與運行　5

1.2.1　前端開發工具　5

1.2.2　使用HBuilderX新建HTML頁面　5

1.2.3　HbuilderX常用組合鍵　7

1.2.4　HbuilderX智能選中操作　7

1.3　HTML5文檔的基本結構　9

1.4　HTML5標簽的語法　9

1.4.1　單標簽和雙標簽　9

1.4.2　標簽的屬性　10

1.4.3　標簽之間的嵌套　10

1.4.4　標簽不區分大小寫　10

1.4.5　HTML5註釋　10

任務實現　11

單元小結　13

思考練習　13

單元2　HTML5基本標簽　14

任務1　製作圖文網頁　14

任務描述　14

前導知識　15

2.1　文本控制標簽　15

2.1.1　標題標簽　15

2.1.2　段落標簽　15

2.1.3　換行標簽　16

2.1.4　文本格式化標簽　17

2.1.5　轉義字符　18

2.2　圖像標簽　19

2.2.1　圖像格式　19

2.2.2　創建圖像　19

2.2.3　圖像路徑　19

任務實現　20

任務2　製作新聞列表　21

任務描述　21

前導知識　22

2.3　超鏈接標簽　22

2.3.1　超鏈接標簽的屬性　22

2.3.2　錨點鏈接　22

2.4　列表標簽　24

2.4.1　有序列表　24

2.4.2　無序列表　25

2.4.3　自定義列表　25

任務實現　26

任務3　製作註冊表單　27

任務描述　27

前導知識　28

2.5　表格標簽　28

2.5.1　基本結構　28

2.5.2　復雜結構　28

2.5.3　合並行　31

2.5.4　合並列　32

2.6　表單標簽　32

2.6.1