Web front-end basic applications

1. HTML Basics
In the network so developed today, everyone's life, study and work are basically inseparable from the network. We often browse the news page, micro-blog and other ways to obtain information from the Internet, whether it is a PC terminal, or mobile client, basically is based on the web to render, so the Web page rendering information has become a variety of information sharing and release of the main form. HTML (Hyper text Markup Language, Hypertext Markup Language, and in some books also translated as Hypertext label language) is the basis for creating Web pages. This book will be from the basic structure of the HTML file, to the use of HTML tags to create a simple Web page, until the end of the use of div+css to create a beautiful commercial website, with such a step-up explanation process, to help you do not → will → skilled → proficient in the transformation of Web page production. After studying this course, we can master the essence of web-making, and make Web pages quickly and skillfully. This chapter will explain the basic content of Web page production, to lay a solid foundation for everyone, that is, the main content of this chapter is the basic structure of HTML files and standards, as well as the production of web pages commonly used basic tags.
2. Lists, tables, and frames
The list occupies an important place in the creation of Web pages, and a list is used in many beautiful and beautiful pages. This chapter will introduce the concept of the list and how to use it, by practicing mastering the skills of the list application, so that you can create a beautiful web page. At the same time, in the production of Web pages, the table is an indispensable data presentation tool, the use of tables can be flexible to achieve data presentation, the table in many pages also play the role of page layout. For the layout and design of the page, the framework is also a popular way of web page production process, the use of framework can greatly improve the reuse of the page and reduce duplication of development, so mastering the framework technology is also the basic skills of Web page production personnel should have.

3. Form
Forms are the basis for the interaction of information between users and Web pages, and interactive functions such as membership registration, user login, and submission of information can be achieved by adding forms to a Web page. This chapter will focus on how to make a form in a Web page and use form elements to create a form. In order to provide support for the current Internet search engine, it also explains how to make a form that conforms to the requirements of the semantic specification.
4. First knowledge of CSS
This chapter explains why CSS, CSS basic syntax, CSS selectors, and how CSS styles are applied in Web pages, and finally the inheritance features of CSS composite selectors and CSS. The focus is on mastering the basic CSS syntax, its 3 basic selectors, and how to add CSS to the HTML page.
5. CSS Beautify page elements
This chapter starts with the basic Text style setting, explains in detail the various effects of using CSS to set text, the mix of text and pictures, tries CSS to set hyperlinks in various ways, and finally explains the background color of the Web page, the various settings of the background image and the setting method of the list style. Through the study of this chapter, you can set a variety of effects on the text, pictures, lists and hyperlinks of Web pages, so that the Web page looks elegant and pleasing.
6. Box mode
will use the knowledge of the box model. So mastering the properties and usage of the box model can really control the elements of the page. This chapter introduces the basic concepts of the box model, the border of the box model, the margins and margins, and their actual application in the Web page, and finally introduces the usage of the standard document flow and display properties in the Web page. I believe that after the completion of this chapter, we will have a great improvement on the level of Web page production.
7. Floating
Using Div+css for Web page layout is actually using CSS positioning, typesetting page elements, this is a very new layout concept, completely different from the traditional typesetting habits, it first to the <div> tag classification, and then use CSS to each <div> CSS positioning, Finally in the various <div> editing page content, so that the performance and content separation, in the later maintenance of CSS is very easy, then how to use CSS to locate page elements? This is what this chapter focuses on-floating, using the floating positioning of the page elements, and depending on the layout of the page needs to clear or handle the overflow content, so this chapter mainly learn the content of 3 points.
(1) Use the Float property to locate the page element.  (2) Use the Clear property to clear the float. (3) Use the overflow property for overflow handling.
8. Positioning page Elements
Explaining the concept of floating in the previous chapters, as well as using floating layout pages and locating page elements, this chapter will explain another important property position in Web page authoring, describing the use of position to locate page elements, and Z-index properties that set the stacking order of elements. Through this chapter, you will be able to complete the Web page with morecomplex layout and element positioning. The main contents of this chapter are the following two points.

(1) Use the Position property to locate the page element. (2) Use the Z-index property to set the stacking order of the elements.
9. Guided Learning: The total course review
This chapter will review the summary, the previous chapters of the knowledge learned in a comprehensive use, through the production of Happy Web game page, so that everyone in the consolidation of HTML tags, CSS knowledge, the ability of the integrated use of CSS also has a substantial increase.
10. Project case: Making v+ website
By the end of this chapter, the course is nearing completion. Through the previous chapters of the learning and training, I believe that you can easily use the div+css layout and make more complex pages. In order to enable everyone to better practice the use of CSS layout, beautify the Web page, skilled, fast production of Web pages, this class let everyone make the "v+" website, comprehensive use of learning knowledge, consolidate the use of HTML editing Web pages, using CSS layout and beautify the Web page, firmly grasp the knowledge and skill points learned.

Web front-end basic applications