The 1th Chapter Basic knowledge
1.1 HTML Overview
- 1.1.1 What is HTML
- The evolution of 1.1.2 HTML
1.2 Basic structure of HTML files
- 1.2.1 Basic structure of HTML
- 1.2.2 Basic markup for HTML
1.3 Writing the first HTML file
- 1.3.1 How to write HTML files
- 1.3.2 Hand-written pages
- 1.3.3 using visual software Webstorm to make pages
1.4 Difficult questions
- 1.4.1 types of annotations in HTML files
- 1.4.2 topmargin attribute and margin-top attribute differences
1.5 Summary
1.6 Manual Error correction
2nd Chapter Text
2.1 Title
- 2.1.1 Title Tag
- 2.1.2 The alignment of headings
2.2 Writings
- 2.2.1 Italic, underline, strikethrough for text
- Superscript and subscript of 2.2.2 text
- 2.2.3 Special text symbols
2.3 Paragraphs
- 2.3.1 Paragraph marks
- 2.3.2 Line marks for paragraphs
- 2.3.3 The original formatting tag of the paragraph
2.4 Horizontal Line
- 2.4.1 Horizontal Line Marker
- 2.4.2 width of horizontal line markers
2.5 Difficult questions
- 2.5.1 can I use the <font> tag to set the font and color of text?
- Is there a difference between 2.5.2 uppercase <H1> and lowercase
2.6 Summary
2.7 Manual Error correction
3rd. Images and hyperlinks
3.1 Adding images
- Basic format of 3.1.1 image
- 3.1.2 Adding images
3.2 Setting Image Properties
- 3.2.1 The size and border of the image
- 3.2.2 Image Spacing and alignment
- 3.2.3 replacing text with hint text
3.3 Link Markers
- 3.3.1 Text Labels
- 3.3.2 Bookmark Links
3.4 Hyperlinks to Images
- 3.4.1 Hyperlinks to Images
- 3.4.2 Image Hot Zone link
3.5 Difficult Questions
- 3.5.1 page is not found when you click the hyperlink
- 3.5.2 added a hot zone link to the picture, but clicked the link location and did not jump to the page
3.6 Summary
3.7 Manual Error correction
4th Chapter CSS3 Overview
4.1 CSS3 Overview
- The history of 4.1.1 CSS
- 4.1.2 A simple CSS example
4.2 CSS3 in a selector
- 4.2.1 Property Selector
- 4.2.2 Class and ID selector
- 4.2.3 pseudo-class and pseudo-element selectors
- 4.2.4 Other selectors
4.3 Common Properties
- 4.3.1 Text-related properties
- 4.3.2 background-related properties
- 4.3.3 List-related properties
4.4 Difficult questions
- is the 4.4.1 class and ID selector The more you use, the better?
- 4.4.2 background picture does not display properly
4.5 Summary
4.6 Manual Error correction
5th Chapter CSS3 Advanced Applications
5.1 Box model
- 5.1.1 Margins margin
- 5.1.2 Inner margin padding
- 5.1.3 Border Border
5.2 Layout Common Properties
- 5.2.1 Floating
- 5.2.2 Locating related properties
5.3 Animations and effects
- 5.3.1 Transform (Transform)
- 5.3.2 Transition (Transition)
- 5.3.3 Animation (animation)
5.4 Difficult questions
- 5.4.1 set a floating effect, but the element "feuds"?
- 5.4.2 Animation does not play properly
5.5 Summary
5.6 Manual Error Correction
6th Chapter form and <div> Mark
6.1 Simple Form
- 6.1.1 Simple Form-making
- 6.1.2 setting of the table header
Advanced Applications for 6.2 tables
- 6.2.1 Style of table
- Merging of 6.2.2 Tables
- Grouping of 6.2.3 Tables
6.3 <div> Tags
- Introduction to 6.3.1 <div> tags
- Application of 6.3.2 <div> labeling
6.4 <span> Tags
- Introduction to 6.4.1 <span> tags
- Application of 6.4.2 <span> labeling
6.5 Difficult questions
- 6.5.1 is it necessary to use the <th> form tag? Is it not the same with the <tr> tag replacement?
- What is the difference between 6.5.2 <div> tags and <span> tags?
6.6 Summary
6.7 Manual Error correction
7th Chapter List
7.1 Tag of the list
7.2 Unordered List
- 7.2.1 Unordered List Tags
- 7.2.2 Unordered List Properties
7.3 Ordered List
- 7.3.1 Ordered list Markers
- 7.3.2 ordered list Properties
7.4 Nesting of lists
- 7.4.1 Nesting of defined lists
- 7.4.2 Nesting of unordered lists and ordered lists
7.5 Summary
7.6 Manual Error correction
8th Chapter Form
8.1 Overview of Forms
- 8.1.1 Overview
- 8.1.2 Form Markers <form>
8.2 Input Tags
- 8.2.1 text Box
- 8.2.2 radio buttons and check boxes
- 8.2.3 button
- 8.2.4 file fields and image domains
8.3 Text fields and lists
- 8.3.1 text fields
- 8.3.2 List/Menu
8.4 Difficult Questions
- 8.4.1 the difference between a single-line text box and a text field?
- Can the text "select File" appear on the 8.4.2 file field control be changed to another text?
8.5 Summary
8.6 Error correction
9th Chapter Multimedia
A brief introduction of 9.1 HTML5 Multimedia
- The application of multimedia in 9.1.1 HTML4
- 9.1.2 Multimedia in the HTML5 page
9.2 Multi-media element basic properties
9.3 Common methods for multi-Media Elements
- How to 9.3.1 media playback
- Method of 9.3.2 Canplaytype (type)
9.4 Important events for multi-Media Elements
- 9.4.1 Event Handling Mode
- 9.4.2 Event Introduction
- 9.4.3 Event Instances
9.5 Difficult questions
- What are the important attributes of 9.5.1 <source> tags?
- 9.5.2 How do I apply the Controls property, the Width property, and the Height property?
9.6 Summary
9.7 Manual Error correction
The 2nd chapter of the core technology
10th Chapter HTML5 New Features
10.1 Who is developing HTML5
New features of 10.2 HTML5
The difference between 10.3 HTML5 and HTML4DE
- Grammatical changes of 10.3.1 HTML5
- The method of marking in 10.3.2 HTML5
- Some important points to be mastered in the 10.3.3 HTML5 grammar
10.4 New and abolished elements
- 10.4.1 New structure elements
- 10.4.2 added block-level semantic elements
- 10.4.3 new Inline (inline) semantic elements
- 10.4.4 new embedded multimedia elements and interactive elements
- 10.4.5 the type of the new INPUT element
- 10.4.6 Elements of abolition
10.5 New properties and properties that are repealed
- 10.5.1 New Properties
- 10.5.2 properties that are revoked
10.6 Difficult questions
- 10.6.1 setting character encoding considerations in HTML5?
- What are the elements that 10.6.2 can omit from markup?
10.7 Summary
10.8 Manual Error correction
11th Chapter JavaScript Basics
11.1 JavaScript Overview
- 11.1.1 JavaScript History
- The use of 11.1.2 JavaScript in HTML
11.2 JavaScript Language Basics
- 11.2.1 Data types
- 11.2.2 operator
- 11.2.3 Process Control
11.3 JavaScript Object Programming
- 11.3.1 Windows Window objects
- 11.3.2 Document Object
11.4 JavaScript Event handling
- 11.4.1 Mouse and keyboard events
- 11.4.2 Page Events
11.5 Difficult questions
- 11.5.1 How do I invoke event handlers in JavaScript and HTML5, respectively?
- 11.5.2 How do I validate form data in JavaScript?
11.6 Summary
11.7 Manual Error correction
The 12th chapter draws the graph
12.1 Understanding Canvas Canvases in HTML5
- 12.1.1 Canvas Overview
- 12.1.2 using canvas to draw rectangles
12.2 Drawing a basic graphic
- 12.1.1 Drawing a line
- 12.1.2 Drawing Curves
- 12.1.3 Draw a circle
12.3 Drawing Deformed shapes
- 12.3.1 drawing a translation effect
- 12.3.2 Drawing a zoom effect
- 12.3.3 drawing a rotation effect
12.4 drawing Text
- 12.4.1 Drawing Outline Text
- 12.4.2 Drawing Fill Text
- 12.4.3 text-related properties
12.5 Troubleshooting
- 12.5.1 the use of Beginpath () and Closepath ()?
- 12.5.2 What do I need to be aware of when drawing pan zoom and rotate shapes?
12.6 Summary
12.7 Manual Error correction
Chapter 13th document and drag and drop
13.1 Select File
- 13.1.1 selecting files from a File object
- 13.1.2 using BLOB objects to get the type and size of a file
13.2 reading files
- 13.2.1 methods and events for FileReader interfaces
- 13.2.2 previewing a picture using the Readasdataurl method
- 13.2.3 reading a text file using the Readastext method
13.3 Drag and drop files
- 13.3.1 drag and Drop page elements
- 13.3.2 properties and methods of DataTransfer objects
- 13.3.3 setting drag and drop effects using the effectallowed and DropEffect properties
13.4 Troubleshooting
- Is there an order in the execution of events in the 13.4.1 FileReader interface?
- 13.4.2 when implementing drag-and-drop functionality, do you want to write each drag-and-drop related event?
13.5 Summary
13.6 Manual Error correction
3rd Advanced Application
Chapter 14th offline Web application
14.1 Introduction to offline Web applications
- 14.1.1 offline Web Application
- 14.1.2 Application Cache Technology
14.2 Creating an offline app
- 14.2.1 Cache List
- 14.2.2 Applicationcache Object
- 14.2.3 Events for Applicationcache objects
14.3 Difficult questions
- 14.3.1 the difference between a local cache and a browser page cache?
- 14.3.2 can I specify a specific type of file to save with the temporary Internet saving feature?
14.4 Summary
14.5 Manual Error correction
15th. Working with web worker threads
15.1 Web Worker Overview
- 15.1.1 Creating and using worker
- 15.1.2 Worker Object Processing thread
15.2 objects and methods available in the thread
Loading and execution of more than 15.3 JavaScript files
15.4 Thread Nesting
- 15.4.1 single-layer nesting using threads
- 15.4.2 using thread nesting for interactive data
15.5 Difficult questions
- 15.5.1 How do I use the API to create workers and how can I interact with multiple sub-processes?
- What is the role of the OnMessage event for the 15.5.2 worker object?
15.6 Summary
15.7 Manual Error correction
16th Chapter Web Server communication
16.1 websocket Communication
- 16.1.1 Websocketapi Introduction
- 16.1.2 HTTP communication and WebSocket communication comparison
16.2 Cross-Document message transmission
- 16.2.1 using Postmessageapi
- 16.2.2 cross-Document message transfer process
16.3 Summary
17th. Storing data locally
17.1 Initial knowledge of Web Storage
- 17.1.1 Web Storage Overview
- 17.1.2 use of APIs in WEB storage
17.2 Local Database
- 17.2.1 WEB SQL Database Overview
- 17.2.2 the use of APIs in Web SQL database
17.3 Troubleshooting
- What are the similarities and differences between 17.3.1 Sessionstorage, localstorage and Web SQL?
- 17.3.2 local storage equals offline cache?
17.4 Summary
17.5 Manual Error correction
The 18th chapter of responsive web Design
18.1 Overview
The concept of 18.1.1 responsive web design
Advantages and disadvantages of 18.1.2 responsive web design and its technical principles
18.2 megapixel and screen resolution
- 18.2.1 Pixel and screen resolution
- 18.2.2 device pixels and css pixels
18.3 viewport
- 18.3.1 Viewport
- Common Properties for 18.3.2 viewports
- 18.3.3 Media Query
18.4 Layout design of responsive web pages
- 18.4.1 Common layout types
- How 18.4.2 layouts are implemented
- Design and implementation of 18.4.3 responsive layout
18.5 Summary
19th. Responsive components
19.1 Responsive Images
- 19.1.1 Method 1: Use <picture> tags
- 19.1.2 Method 2: Using CSS Pictures
19.2 Responsive Video
- 19.2.1 Method 1: Use <meta> tags
- 19.2.2 Method 2: Use HTML5 mobile player
19.3 Responsive navigation Menu
- 19.3.1 method 1:CSS3-responsive Menu
- 19.3.2 method 2:javascript-responsive Menu
19.4 Response Table
- 19.4.1 Method 1: Hide columns in a table
- 19.4.2 Method 2: Scrolling a column in a table
- 19.4.3 Method 3: Convert columns in a table
19.5 Summary
19.6 Manual Error correction
4th Project Combat
20th 51 Shopping Mall
20.1 Design ideas of the project
- 20.1.1 Project Overview
- 20.1.2 Interface Preview
- 20.1.3 Functional Structure
- 20.1.4 Folder Organizational structure
20.2 design and implementation of homepage
- Design of 20.2.1 Homepage
- Realization of the function of top and bottom area of 20.2.2
- The realization of the navigation function of 20.2.3 commodity classification
- The realization of 20.2.4 carousel graph function
- Implementation of 20.2.6 adaptation mobile end
20.3 Product List page design and implementation
- 20.3.1 Product List Page design
- Implementation of the 20.3.2 classification option function
- Implementation of 20.3.3 Commodity list area
20.4 design and implementation of the Product detail page
- Design of 20.4.1 Product detail Page
- The realization of 20.4.2 product summary function
- The realization of the function of 20.4.3 commodity tasting
- 20.4.4 guess you like the realization of the function
Design and implementation of 20.5 shopping cart page
- Design of 20.5.1 Shopping cart page
- Implementation of 20.5.2 Shopping cart page
20.6 Payment page design and implementation
- Design of 20.6.1 Payment page
- Implementation of the 20.6.2 payment page
20.7 Login Registration page design and implementation
- Design of 20.7.1 Login Registration page
- Implementation of the 20.7.2 login page
- Implementation of the 20.7.3 registration page
20.8 Summary
0 Foundation Science HTML+CSS3 full color edition tomorrow Science and Technology authoring
