HTLM basic cognitive DIV framework and CSS style _html format

1. Basic knowledge of HTLM DIV framework and CSS style

First of all, we should understand HTLM foundation, CIV framework and CSS style. HTML is called Hypertext Markup Language, which is a kind of logo language. It includes a series of tags. Through these tags, the document format on the network can be unified, and the scattered Internet resources can be connected into a logical whole. DIV elements are used to provide structure and background for large blocks of content in HTLM documents. CSS can not only decorate the web page statically, but also format the elements of the web page dynamically with various scripting languages. CSS can accurately control the layout of elements in web pages at pixel level, support almost all font styles, and have the ability to edit web page objects and model styles.

2. floating principle and Margin cognition

Margin is the grammar of CSS. This shorthand attribute is used to set the width of all margins of all current or specified elements in a declaration, or to set the width of margins on each side.

3. Framework application building

There are many frameworks. In this tutorial, choose a mainstream framework to show you how to build the front-end framework.

4. Inserting pictures, text labels, headers and navigation bars

Inserting pictures into webpages can make users who browse webpages get better experience. In this section, we will explain how to insert pictures, text labels, headers and navigation bars.

5. Banner block insertion, content text typesetting, inline elements, A tag and Banner link positioning

Banner is the earliest and most common form of online advertising. It is a rectangular bulletin board across the web page. When users click on these banners, they can usually link to the advertiser's web page. The typesetting of text content in web pages also directly affects the beauty and user experience of web pages.

6. anchor tag, hyperlink tag, fixed positioning and absolute positioning, and relative positioning

tags are used to define hyperlinks and link from one page to another. Used to set anchor points, used for page positioning.

7. Navigation secondary menu display hides

The secondary menu in many web pages shows that the secondary menu will not be displayed until the mouse moves to the primary menu or clicks the primary menu.

8. input Form

The input form column is not directly displayed, so the user's information can be obtained and the corresponding actions can be made. The application method of the input form is intuitively displayed in the tutorial.