Summary-[base] (HTML), summarybasehtml

Summary-[base] (HTML), summarybasehtml
HTmlKnowledge point:

1. It is recommended that the basic computer configuration of developers

A) display the suffix names of all files *

B) Change the file arrangement mode to detailed information, and the names must be displayed in full.

C) use a small taskbar

D) Lock commonly used tools to the taskbar

 

2. browsers and servers

A) there is an interactive relationship between the browser and the server.

B) the browser kernel is also called a rendering engine.

C) Mainstream browser kernels:

Trident: IE, Cheetah browser, 360 browser, and quickshield Browser

Gecko: Firefox

WebKit: Safari

Blink: chrome, opera

Reference: http://blog.sina.com.cn/s/blog_6b2fcbbc0102uz1g.html

 

D) when the browser interacts with the server

I. the browser sends the Request Message

Ii. The server processes the request message and returns the Response Message.

Iii. the browser processes response packets and performs top-down parsing and rendering.

Reference: http://www.cnblogs.com/biyeymyhjob/archive/2012/07/28/2612910.html

 

E) Basic Capabilities of servers: servers must be able to undertake services and ensure services.

F) Role of a browser: a browser is an application that displays files in a website server or file system and allows users to interact with these files.

G) how to view the request message sent by the browser to the server

I. Right-click the review element on the webpage, find the Network in the review element, find the headers in the network, and view the specific information of the request message in the headers.

View specific request message information:

Http://jingyan.baidu.com/article/bea41d437e65bab4c51be6e5.html

 

3. Request Protocol (http Hypertext Transfer Protocol)

A) Request protocols include request packets, response packets, and URLs

B) The URL consists of the protocol name, Server IP address, port number, and request page.

 

4. File Extension and opening method:

A) modify the file suffix and the file content will not change.

B) The suffix is used to determine the file opening method.

C) Steps for modifying the method of opening a suffix: Right-click the file and choose "open mode". Select "all programs of this type have been opened in this way.-OK.

 

5. HyperText Markup language Html (HyperText Markup language)

A) Html is a markup language that runs on a browser.

B) The role of Html is to add semantic tags to the text.

C) structure:

<!DOCTYPE>
D) All tags in Html are enclosed by <>
E) documents: html, Xhtml, and html5
 
6. Labels
Extended: Tag semantics in Html5
Http://www.zhangxinxu.com/wordpress/2011/11/i-b-em-strong-html5-%E8%AF%AD%E4%B9%89/
A) H series labels
I. Role: display a paragraph as a title
Ii. H series labels include {h1, h2, h3, h4, h5, h6}
Iii. One page can only have one h1 tag
B) P tag (paragraph tag)
I. Role: Make a line of text into a paragraph
The ii. P tag occupies the entire row by default, and there is a distance between the label and the upper and lower content.
C) Hr tag
I. Purpose: display a horizontal line on the page
Ii. The Hr tag occupies the entire row by default.
D) Br label
I. Role: Wrap a line in the page
E) Strong label
I. Role: highlight the importance of a paragraph and increase the tone of the paragraph
F) Ins tag
I. Role: underline the text
G) Em tag
I. Role: highlight the importance of a word or phrase, used to increase the tone of important content in a paragraph
H) Del tag
I. Role: Add strikethrough to the text
I) not recommended labels {B, u, I, s}
J) Img tag
I. Role: display an image on the page
K) a tag
I. Role: hyperlink to other web pages
Ii. hyperlink to a location (Anchor) on this page)
Iii. Do not jump (#)
Iv. Jump to a location on another webpage
V. can be downloaded (not recommended)
 
7. Sublime and common shortcut keys in windows are not listed here.
A) Ctrl + A/Ctrl + S/Ctrl + C/Ctrl + V, etc.
8. absolute and relative paths
A) absolute path: the path with a drive letter, relative to the computer to find files
B) relative path: the path without a drive letter is relative to the current page to find the file.
9. Relationship between tags
A) nested relationship: If one tag contains another tag, the two tags are nested.
B) Parallel Relationship: If one tag is in parallel with another tag, the two tags are in parallel.
C) In the nested relationship, note the indentation of labels. It is not necessary to indent labels, but indentation will facilitate code maintenance.
10. Html tag
A) no matter how many spaces, indentation, or line breaks appear at the same time in html, a space is used by default.
B) A complete webpage should start with 
C. Html labels are also known as root node labels.
11. Head label
A) the Head tag is used to store the title, meta, link, style, script, and base tags. The title tag must be written.
B) The title label in the Head is the title label added to the webpage.
C) The Meta tag in the Head is optimized for page SEO. You can set the character set, page keyword, and page description used on the page.
1. Description: You can describe the page and use Baidu programs (web crawlers) to collect key information to improve the page ranking.
2. Keywords: keyword, which can be used to improve the page. The proportion of Guan jianci (a method of top-ranking .)
3. character set (encoding format ):
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"> Charset (character set format): UTF-8.
Note: character set (the text is stored in the dictionary on the computer ):
The computer cannot directly store text. Generally, the computer stores the corresponding location of the text in the "Dictionary.
Gb2313 ----> gbk;
GB 2313 ----> GB Expansion
 
D) The base tag in the Head is used to set the attributes of all the tags on the page.
E) The style label in the Head is used to set the css
F) The script tag in the Head is used to set JavaScript in the page.
G) The link label in the Head is used to set the external file
12. Body Tag
A) The Body tag is used to store all html tags.
B) The Body tag is the subject of the html page.
 
13. Character Set
A) character sets include gb2312 and UTF-8
B) Gbk (expansion of the national standard) is an expansion of gb2312 (National Standard)
C) GBK contains all Chinese and katakana, and each Chinese Character occupies 2 Characters
D) The UTF-8 contains all the languages in the world, and each Chinese Character occupies 3 Characters
E) So UTF-8 performance is better than GBK
F) Select different character sets based on different countries on the webpage.
14. List
A)Unordered list <ul>Tag
I. Used to express unordered data
Ii. Use the <li> </li> label to package data in the unordered list.
Iii. <ul> </ul> labels can only contain <li> </li> labels.
B) ordered list <ol> labels
I. Used to express ordered data
Ii. Use the <li> </li> label to package data in the unordered list.
Iii. <ol> </ol> labels can only contain <li> </li> labels.
C) custom list
I. Used to express custom data. In W3C, the <dl> label defines the definition list.
Ii. custom labels can only wrap <dt> labels and <dd> labels
Iii. Dt is used to set the subtitle of the list.
Iv. Dd is used to set the data in the list
15. table labels
A) complete table label Structure
I.
<table><caption><caption><thead><tr><th></th><th></th></tr></thead><tbody>< tr ><td></td><td></td></tr></tbody><tfoot></tfoot></table>
Ii. The Caption label is used to set the table title.
Iii. The Thead label is the <tr> label and <th> label of the package header.
Iv. The Tbody tag is the <tr> tag and <td> tag that wrap the table content.
The v. Tr tag represents the row, and the th tag and the td tag represent the column.
Vi. Tfoot label indicates the remarks at the bottom of the table
16.FormForm
A) Form: used to collect certain information.
B) All forms must be placed in the form tag.
C) Types of forms
I. text property: input box
Ii. password attribute: password box
Iii. hidden property: Hide the domain
Iv. radio attributes: single region
V. checked property: Default Property
Vi. checkbox attribute: multiple selection boxes
Vii. button property: button
Viii. image attributes: image buttons
Ix. reset attribute: resets the information filled in all forms.
X. subm
It attribute: submit data
Xi. selected property: Set the default display (applicable to radio and selectbox labels)
Xii. select tag (Yes tag), create a drop-down box
Xiii. option label, set the content in the drop-down box
Xiv. multiple property: Set the drop-down box to a list box
Xv. textarea text field to create a text field
17. Tag div and span without Semantics
A) Div is used to adjust the webpage layout with CSS.
B) Div labels are exclusive rows.
C) The Span tag is used to help the div layout the webpage.
D) The Span tag is not wide or high.
E) the width and height of the Span tag are determined by the content in the span.
18. Notes
A) Comment in Html with <! -Start with --> end
B) annotations in Html cannot be used in combination.
19. character entity

 

 
  
 
   
 
    
Special characters
 
    
Description
 
    
Character Code
 
   
 
   
 
    
 
 
    
Space
 
    
 
 
   
 
   
 
    
>
 
    
Yu no.
 
    
<
 
   
 
   
 
    
<
 
    
Yu no.
 
    
>
 
   
 
   
 
    
&
 
    
And number
 
    
&
 
   
 
   
 
    
￥
 
    
RMB
 
    
¥
 
   
 
   
 
    
©
 
    
Copyright
 
    
©
 
   
 
   
 
    
®
 
    
Registered Trademark
 
    
®
 
   
 
   
 
    
°
 
    
Degree Celsius
 
    
°
 
   
 
   
 
    
±
 
    
Plus or minus sign
 
    
±
 
   
 
   
 
    
×
 
    
Multiplication number
 
    
×
 
   
 
   
 
    
Bytes
 
    
Division Number
 
    
& Divde;
 
   
 
   
 
    
2.
 
    
Square
 
    
2.
 
   
 
   
 
    
Bytes
 
    
Cube
 
    
Bytes