7 knowledge points to get started quickly, a must for web front-end beginners

HTML is the basis of web front-end development. There are several important knowledge points about HTML, which are often used in daily development and will be asked during interviews. Remember these 7 important knowledge points to help you in Priority is given to hiring during interviews.
7 knowledge points to get started quickly, Web front-end beginners must
1. Web page structure
Web page structure generally contains the document declaration DOCTYPE, and the meta in the head should contain the encoding format, keywords, and web page description information. The simple format is as follows:
< !DOCTYPE html>
< html>
< head>
< meta charset="utf-8">
< title>Hello World
</head>
< body>
</body>
The meta statement of the JD home page:
< meta charset ="gbk" />
< meta name="description" content="JD.com JD.COM - a professional comprehensive online shopping mall, selling home appliances, digital communications, computers, household goods, clothing and accessories, mother and baby, books, food, etc. 10,000 brands of high-quality products. Convenient and honest service, providing you with a pleasant online shopping experience!">
< meta name="Keywords" content="Online shopping, online mall, mobile phone, notebook, computer, MP3, CD, VCD ,DV,camera,digital,accessories,watches,memory cards,Jingdong">
Contains charset encoding format, Keywords keywords, description website description.
2. Self-closing elements
<br>, <embed>, <hr>, <img>, <input>, <link>, <meta>, <param>, <source>, <wbr>
3. The two most commonly used elements for layout
(1 ) div: used for flow layout;
(2) span: used for text block.
4. Block-level elements and line-level elements
Block -level elements: start on a new line and occupy the entire line width. For example, div is a block-level block element by default;
line-level element: only maintains the width of the content, such as a span element of a text block;
declares the display level of an element through the display property of CSS, generally including inline line level, inline-block inline block element, block , table block level table.
5. Text elements
(1) Bold elements: strong, b. For example:
< p>< strong>Caution:</strong> Falling rocks.</p>< p>This recipe calls for < b>bacon</b> and < b>baconnaise</b>.</p>
(2) Oblique elements: and. For example:
< !-- Stressed emphasis -- >
< p>I < em>love</em> Chicago!</p>
< !


(1) Structural elements include: < header >, < nav >, < article >, < section >, < aside >, < footer >.
(2) Element level: They are all block-level elements, do not contain styles, are only used for structuring, and can be used multiple times on each page.
(3) Element description: header describes header information, nav is used for navigation module, article is used for re-coverable news content block, section module, aside page left or right module, footer footer module.
7. Jump within the page
If you need to jump to the specified position on the page, you can set the id attribute of the element at this position, and then add href="#id" to the link. For example:
< body id="top" >
...
< a href="#top" >Back to top</a >
...
< /body >
Old iron after reading the article, pay attention, more exciting in behind! ! We will update the novice video and web front-end tutorial later.