Developing e-commerce sites using HTML5 and CSS3-review

Directory:

Chapter One: HTML5 Foundation

Basic structure and standard of 1.1 HTML5 file

1.2 Basic tags for web pages

1.3 Image Labels

1.4 Hyperlink Tags

Chapter II: Lists, tables, and Media Elements

2.1 List

2.2 Table

2.3 HTML5 Media Elements

Structural elements of the 2.4 HTML5

2.5 <iframe> Frame

Chapter III: Forms

3.1 Overview of Forms

3.2 Advanced Applications for forms

3.3 Primary validation of forms

The fourth chapter: Primary Knowledge CSS3

4.1 CSS Overview

Basic grammar of 4.2 CSS3

4.3 Introducing CSS styles in HTML

4.4 CSS3 Selector

The fifth chapter: CSS3 beautify the webpage element

5.1 Editing Web page text

5.2 Setting hyperlinks and list styles

5.3 Background Style

Sixth chapter: Box model

6.1 Box Model

6.2 Fillet Border

6.3 Box Shadow

Seventh chapter: Floating

7.1 Page Layouts

7.2 Display Properties

7.3 Floating Overview

7.4 Clear Float

Eighth chapter: Positioning the page elements

8.1 Application of positioning in Web pages

8.2 Position Properties

8.3 Z-index Properties

The Nineth chapter: making Web Animation with CSS3

9.1 CSS3 Deformation

9.2 CSS3 Transition

9.3 CSS3 Animation

Chapter One: HTML5 Foundation

1.1 Basic information of web pages

1.1.1DOCTYPE Declaration

Constrain the structure of the HTML document, verify compliance with the relevant web standards, and tell the browser which specification to use to interpret the code in this document. The DOCTYPE declaration must be in the first line of the HTML document.

<! DOCTYPE html>

1.1.2 < meta> Label

Use <meta> tags to describe the summary information of a Web page, including document content types, character encoding information, search keywords, detailed descriptions of the features and services provided by the site, and more. The content of the <meta> tag description is not realistic, its purpose is to facilitate the browser to parse or facilitate search engines, it uses "name/value" of the way to describe the summary information.

<meta charset= "UTF-8"/>

When the page is garbled, you can first look at the page for some coding statements, and then use Notepad to open the garbled file, a stand-alone "Save as" button, in the pop-up "Save as" dialog box to modify the encoding, so that it is consistent with the encoding in the page.

Search keywords:

<meta name= "keywords" content= "/>"

Content Description Information:

<meta name = "description" content= "Today is September 21, 2017"/>

Basic tags for web pages

Title Tags

Paragraph tags:<p> </p>

Line Wrap Label:<br/>

Horizontal line Label:

Font style label:<strong> font bold </strong> <em> font italic </em>

Special symbols:

Special symbols	Character entity
Space	 
Greater than sign (>)	>
Less than sign (<)	&lt;
Quotation marks (")	&quot;
Copyright symbol ()

Developing e-commerce sites using HTML5 and CSS3-review