HTML interpretation:
HTML is English Hyper Text Mark-up Language (HTML) abbreviation, he is a standard language for making Web page (mark). Equivalent to the definition of uniform rules (W3C), we have to follow him, so that you can tell the browser to interpret it according to the rules of the markup language.
Browser is responsible for the label translated into the user "can read" format, presented to the user!
Web page consists of:
A web page generally consists of two parts namely:
- HTML（Hypertext Markup Language）
- 和CSS（Cascade Style Sheets）
HTML pages responsible for describing the structure and content (such as titles, navigation bar, etc.) CSS is responsible for the performance of a web page (appearance) (such as background color, font style, etc.).
<head> content between the </ head> and is the title meta information and meta-information websites generally do not show up, but recorded a lot of useful information you this HTML file
<body> and </ body> of between content, presentation of the browser, users see page effects. That this is the body of the page. That is the body of the body intended
<html> </ html> Description This is a page. Tells the browser the beginning and end of this page. He contains two elements after. <head> and </ head> | <body> and </ body>
The document is structured as follows:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 9 </body> 10 </html>
The following is a detailed description of each content
A, DOCTYPE part --- <! DOCTYPE html>
The need for a standard HTML language, when we specified in the first line of the <! DOCTYPE html> time, when a browser to access our code on it in accordance with the criteria specified in HTML code to read and render to show us page.
Two, head portion
1、Meta(metadata information)
Provide information about the page meta information, for example: page encoding, refresh, jump, and description for search engines update frequency and keyword
1.1, the encoding format is defined
< Meta charset = "UTF-. 8" > # is defined as encoding utf-8
1.2, page refresh and jump
< Meta HTTP-equiv = "Refresh" Content = "2" > # 2 seconds to refresh
< Meta HTTP-equiv = "Refresh" Content = ". 1; the Url = HTTP: //www.baidu.com/" /> #. 1 seconds to jump to Baidu Home
1.3 Keyword
The role of keywords: general procedure is to allow collection of reptiles and the like, when they crawl your site, if you have keywords, then they will give priority to the keywords included in their records, such as Baidu: if they after a collection, they search for your keywords when you can find Baidu website.
< Meta name = "Keywords" Content = "front end, html, web" >
1.4 Description
Park, for example, describes blog as follows:
< Meta name = "the Description" Content = "blog Park is oriented knowledge developers sharing community. Since its inception, Garden blog has been committed and focused on creating a pure technical exchange community for developers to promote and help developers through Internet sharing knowledge, so that more developers to benefit from it. blog garden's mission is to help developers use the code to change the world. " >
1.5, set the page title information
< Title > This is the first website to do </ title >
Icon:
1.6, set the page icon Link
<link rel="icon" href="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" type="image/x-icon"/>
Icon:
1.7, CSS similar import python import module similar
<link rel="stylesheet" href="css/css_model.css">
1.8、style
1, write Css style in the current file
2, way to write Css style in other documents similar to python modules imported into the current file Css style used
1.9、script
1, write in the current file JS
2, another way to write the JS file similar python modules introduced into the JS file currently used