HTML Knowledge Points Summary

HTML Knowledge points Summary One, need to be familiar with the basic shortcut keys

CTRL + C copy

Ctrl + V Paste

Ctrl+x Cut

Ctrl+tab switch (specific switch what, to see what software)

ALT+F4 Closing the program

F2 renaming

F5 refresh, such as when looking at the Web page, want to refresh the page, press F5

CTRL + Z Undo, is this step dry wrong, CTRL + Z Undo

Windows+e Open Explorer

Windows+d Display Desktop

CTRL + SPACE switch in English and Chinese

Second, HTTP

1. Hypertext Transfer Protocol, hypertext Transfer Protocol

2. This is a file transfer protocol, when we surf the Internet, all the files are transmitted through the HTTP protocol, from the server to the client's computer

3. The Web page is a real physical document. and a Web page is composed of a lot of physical files: HTML files, picture files, JS files, CSS files. These files will be uploaded to the server via special software. Then you can let the user read it. Users through the browser, access to the URL, the server above the file will be silently transmitted through the HTTP request to the user's computer temporary folder, in the user's computer execution, rendering, presentation.

4. The principle of the Web page: After the user entered the URL, the corresponding server found that someone requested my web page, so this server will be the Web page and related images, JS files, CSS files, flash files are transmitted through the HTTP protocol to the user's computer. HTML pages are rendered in the user's computer. The HTTP protocol refers to the Hypertext Transfer Protocol. Each URL corresponds to the identified file on the server.

Third, the initial understanding of HTML 1.html, CSS, js are pure text

Plain text files are:

1) only text, no style;

2) Use Notepad and other plain text editor to read, not garbled

2.HTML is a Hypertext Markup language

1) English:HyperText Markup Language;

2) Now the industry standards, Web technology strict three-layer separation:HTML is responsible for describing the semantics of the page, CSS is responsible for describing the style of the page, JS is responsible for describing the dynamic effect of the page;

four, Character set1. Two kinds of character sets: Difference

UTF-8 Word Many, there are various countries of the language, but the preservation of large size, file bloated;

gb2312 few words, only in Chinese and a few foreign languages and symbols, but small size, file small

2. Keywords and page descriptions

1) Set page description:

<meta name= "Description" content= "NetEase is China's leading internet technology company, providing users with free mailbox, games, search engine services, opening news, entertainment, sports and more than 30 content channels, and blogs, videos, Forums and other interactive exchanges, the power of the network. "/>

As long as the settings of the description page description, then Baidu search results, you can display these statements, this technology is called seo,search engine optimization, search engine optimization.

2) Define keywords:

<meta name= "Keywords" content= "NetEase , email , Games , news , sports , Entertainment , female , Asian Games, forum , sms "/>

These keywords, is to tell the search engine, this page is why, can improve the search hit rate.

3) title is also helpful to SEO search engine optimization

Five, HTML basic syntax features 1.HTML is not sensitive to the TAB key 2. Blank folding Phenomenon

1) between all the text in the HTML, if there are spaces, line breaks, tab will be collapsed to a space display.

3.HTML labels are graded

HTML divides all tags into two categories: container-level, text-level .

Container-level labels, where you can place anything;

text-level labels can only place text, pictures, and table elements .

1) p is a text-level label, p contains only text, pictures, form elements

2) A is a text-level label

Vi. pictures 1. Available picture types

You can insert pictures on the page, the types of images you can insert are: JPG (JPEG), GIF, PNG, BMP. What is the difference between a type and a type, the CSS class says.

Image formats that cannot be inserted into a Web page are: PSD, AI.

2. Syntax

How to insert a picture:

src= "baby.jpg" alt= "Paris Wedding"/>

SRC is the attribute of the IMG tag, baby.jpg is the value of this property

Alt is the English alternate "substitution" meaning, it means that for whatever reason, when the picture cannot be displayed, the alternate text appears (some browsers do not support)

Seven, hyperlinks

Syntax: <a href= "1.html" > Wedding photo </a>

Two other properties of the 1.a tag

1) Title Hover text

2) If Target is open in a new window

Eg:<a href= "09_img.html" title= "very nice" target= "_blank" > Wedding photos </a>

Blank is the "empty" meaning, it means creating a new blank window

2. Anchor points in the page

<a href= "#wdzp" > Click to view my work </a>

First set the ID of the H2, click href= "#wdzp" to jump directly to work experience.

Viii. list 1. Unordered list

Unordered list, which is used to denote the semantics of a list, and that each project and each project is not sequential;

The list of unordered Li can not exist alone, must be wrapped in the UL; conversely, UL's "son" can not be anything else, only Li;

Note: The role of UL is not to add small dots to the text, but to increase the "semantics" of the unordered list;

UL's son, can only be li. But Li is a container-level label, and Li can put everything in it;

2. Sequence list

ordered List has a sequence table, expressed in OL;

3. Defining the list

1) The definition list is also a group label, but more complex, there are three tags:

DL represents a list of definition lists;

DT denotes definition title;

DD represents the definition description definitions expression words;

DT, DD only in the DL, DL inside can only have DT, DD;

Definition list usage is very flexible, can be a dt with a lot of DD;

2) DT, DD are container-level labels, want to put anything can. So, now it should be clearer to know:

What label to use is not determined by appearance, but by semantics

Nine,Div and span 1) The semantics of Div is division "segmentation"; the semantics of span is span "scope, span"2)A div tag is a container-level label, where everything can be put, or even a div

span It is also a label that expresses "small areas, small spans," but is a "text-level" label.

That is, span can only place text, pictures, form elements. Span inside can not put P, H, UL, DL, OL, Div.

span is where small elements are placed, and the div contains large objects.

10. Forms

form is the meaning of the English form. The form tag contains the action attribute and the method property, which is the representation of where the form will be submitted. The method property indicates what HTTP method is used to commit, there are get, post two kinds.

1. Text Box

<input Type= "text" value = " default value "/>

Value means "values", the Value property is the default, and the text box is already filled in.

2. Password Box

<input type= "Password"/>

3. radio button

<input type= "Radio" name= "Xingbie" checked= "checked "/> Male

<input type= "Radio" name= "Xingbie"/> Female

Default is selected, you should write checked= "checked"

4. check box

<p>

Please choose your hobby:

<input type= "checkbox" Name= "Aihao"/> Sleep

<input type= "checkbox" Name= "Aihao"/> Eat

<input type= "checkbox" Name= "Aihao"/> Soccer

<input type= "checkbox" Name= "Aihao"/> Basketball

<input type= "checkbox" Name= "Aihao"/> Table tennis

<input type= "checkbox" Name= "Aihao"/> Hit the peas

</p>

5. Drop-down list

Select is "choose", Option "options".

Select labels and UL, OL, DL, are all group labels

<select>

<option> Beijing </option>

<option> Hebei </option>

<option> Henan </option>

<option> Shandong </option>

<option> Shanxi </option>

<option> Hubei </option>

<option> Anhui </option>

</select>

6. Multiline text box (text field)

<textarea cols= "Ten" ></textarea> "rows="

The Cols property represents the Columns "column", and the Rows property represents the rows "Rows"

7. Three Kinds of buttons

1) normal button: <input type= "button" value= "I am a normal button"/>

2) Submit button: <input type= "submit"/>

3) reset button: <input type= "reset"/>

Xi. HTML Miscellaneous 1. HTML annotations

Any program, code has comments, comments are for programmers to see, does not affect the program;

The syntax of the HTML comment:<!--the contents of the comment-

2. Character entities

1)&lt; is the character entity of <;

2)&gt; is the character entity of >;

3)&copy; yes? Copyright symbols;

4)&nbsp; is the entity of the space, to prevent the phenomenon of white space folding;

HTML Knowledge Points Summary