1-1 Course Introduction

1-2 What is HTML5

1-3 Understand the new web page structure

1-4 How to use article element

1-5 section element

1-6 aside element

1-7 nav element

1-8 time element

1-9 pubdate attribute

1-10 Header element synthesis

1-11 hgroup element synthesis

1-12 footer element

1-13 address element synthesis

1-14 figure element and figcaption element

1-15 details element and summary element

1-16 mark element

1-17 progress element

1-18 meter element

1-19 html5 obsolete elements

1-20 HTML5 outline (Part 1)

1-21 Outline of HTML5 (Part 2)

1-22 Enhanced version of ol list element

1-23 Redefined dl element

2-1 The canvas element creates a canvas

2-2 canvas draws rectangle

2-3 canvas draws circle

2-4 canvas draws text

2-5 canvas save file

2-6 canvas drawing animation

2-7 Web StorageLocal Storage

2-8 Simple web message board

2-9 video element and audio element

2-10 Common attributes of video elements and audio elements

2-11 HTML5 drag and drop

3-1 Introduction to CSS3

3-2 New attribute selector in CSS3

3-3 On structural pseudo-class selectors

3-4 Under the structural pseudo-class selector

3-5 UI element state pseudo-class selector

3-6 Under the UI element state pseudo-class selector

3-7 Use selectors to insert content into the page

3-8 Text shading and word wrapping

3-9 Server-side fonts and the @font-face attribute

3-10 box layout

3-11 box layout

3-12 overflow attribute

3-13 New background properties in CSS3

3-14 Border-related styles in CSS3

3-15 Transform function in CSS3

3-16 Animation features in CSS3

3-17 Layout-related styles - multi-column layout

3-18 Layout-related styles-box layout

3-19 Layout-related styles-flexible box layout

3-20 Media Queries and adaptive layout

4-1 Group website construction-global header production

4-2 Group website construction-Home page news list

4-3 Group website construction-Home page group activity production

4-4 Group website construction-production of the right part of the home page

4-5 Group website production-bottom copyright information production

4-6 Group website construction-picture list page production

4-7 Group website construction-article content page production

4-8 Questions about compatibility