The tenth chapter of the "Python Road"--html

What is HTML?

Htyper Text Markup Language is Hypertext Markup language

Hypertext: Refers to the page can contain pictures, links, and even music, programs and other non-text elements.

Markup Language: The language in which tags (tags) are composed.

Categories of Web pages:

Web page ==html document, parsed by the browser, used to show the

Static Web pages: Static resources, such as xxx.html

Dynamic Web pages: HTML code is dynamically generated by a development language based on user requests

HTML Document tree structure diagram

What is a label:

• is made up of a pair of bracketed words. For example:

• Labels are case-insensitive .

• The label is divided into two parts: start tag <a> and end tag </a>. The part between the two tags we call the label body.

• Some labeling functions are simple. Use a label. This label is called a self-closing tag. For example: <br/>

• tags can be nested. But cannot cross-nest. <a><b></a></b>

Properties of the Label:

• Usually occurs as a key-value pair. Like Name= "Alex."

• Attributes can only be present in the start tag or in the self-closing and label.

• Attribute names are all lowercase. * Attribute values must be wrapped in double or single quotes such as name= "Alex"

• If the property value is exactly the same as the property name. Write the property name directly. e.g. ReadOnly

<! DOCTYPE html> Label

Head tag:

• <meta>meta the composition of the label:

• <title>bilibili</title>

• <link rel= "icon" href= "Http://www.bilibili.com/favicon.ico" >

The META tag has two properties, each of which is the name property and the http-equiv property.

1. Thename attribute is mainly used to describe the Web page, and its corresponding property value is content,content content is mainly convenient for search engine robot to find information and classification information.

<meta name= "keywords" content= "meta Summary, HTML Meta,meta properties, meta jump" ><meta name= "description" content= " Bilibili is the first interactive platform that focuses on the ACG live broadcast in China. ">

2.http-equiv corresponds to the file header of HTTP, it can send back some useful information to the browser to help correct and accurately display the content of the Web page, and the corresponding property value of Content,content is actually the variable value of each parameter.

<meta http-equiv= "Refresh" content= "2; Url=https://www.baidu.com "> * (note the following quotation marks, respectively, in front of the number of seconds and after the URL) <meta http-equiv=" Content-type "content=" text/html; Charset=utf8 "> Shorthand <meta charset=" UTF8 "><meta http-equiv=" x-ua-compatible "content=" ie=edge,chrome=1 " >

　　

The tenth chapter of the "Python Road"--html