[Introduction to PHP] 4, HTML basic Primer an overview

[Introduction to PHP] 1, from the installation and development environment to (Zhuang B) to do a cool landing application

[Introduction to PHP] 2, basic core Grammar outline

[Introduction to PHP] 3, WAMP integrated MySQL-related basic operations

1, the role of HTML

HTML is a Hypertext Markup language, mainly used to make page structure, and often with the CSS is cascading style sheet, used to set the style of the page, such as color, font, etc., and JavaScript is mainly used for animating, interacting with the database and so on.

2, the HTML has two kinds of label form:

① Double-closed label:< Tag Name Property name 1= Value 1 Property 2= value 2......> label contents </Label name >

② single closed label:< label Name Property name 1= value 1 Property name 2= value 2..../>

3. Basic structure:

<! Doctype> is a document declaration that indicates which version of a static page is used by the current static page. Like the <! of the blog Garden Home DOCTYPE html> is HTML5

The label is a layer of nesting, the HTML tag is the outermost label, the other tags are written in this tag.

The HTML tag also contains the head tag and body tag, where head sets the header information, body setting content.

　　Head tags also include headers, codes, keywords and other tags.

The first one is to set the encoding of this static document as UTF-8; the second is to set the title of the static document: The third is the keyword, for search engines, the fourth is a description, you can refer to the following in Baidu Search Blog Park display results to see the role of description.

The content in the head does not appear in the body, and the contents of the body are displayed in the body.

The body typically uses block-level labels and inline tags to build the document structure:

① Block-level structure: H1~h6, p, Div, table, form, UL, DL ...

② inline structure: A, IMG, span, I, string, select ...

PS: block-level structure exclusive row, inline structure can be displayed on the same line as other labels

4, a few labels (pick a few)

　　Partition Label Div: is a block-level label, its role is generally as a container for other labels or planning page structure, often with CSS use;

Span: is an inline tag and does not have any special features that are used primarily as text containers. Span+css to control the style of a paragraph of text, different from other text;

Audio: <embed height= "width=" src= "Song.mp3"/> General mp3 format

PS: More tags can be found in http://www.w3school.com.cn/html/index.asp

5. Forms

5.1, the structure of the form　

Form form is used to collect user information, the general definition of the form is:

<method= "Submission method"  action= "Address submitted">  form Contents </ form >

5.2. Form elements

　　<input type= "type" name= "name" value= "value"/>

　　The types are: text, radio, checkbox, Hidden, submit, Reset,

　　

① the general form of input with type text is:

　　<input name= "" value= "set initial value" Maxlength= "up to several characters" size= "width" type= "text"/input>

　　

② The typical form of radio is (radio):

　　<input name= "Sex" type= "Radio" value= "Male" checked= "true"/>

<input name= "Sex" type= "Radio" value= "female" checked= "false"/>

　　PS: where name must be the same

③ where checkbox is used for multiple selections:

　　<input type= "checkbox" name= "Fruits" value= "apple"/>

<input type= "checkbox" name= "fruits" value= "peach"/>

<input type= "checkbox" name= "fruits" value= "pineapple"/>

④ which hidden hidden fields, the role is not to let some content display, and secretly submitted to the server ~

⑤submit button (click Data is submitted to the server)

　　<input type= "Submit" value= "button"/>

　　

⑥reset, similar to submit, is used to reset the form

⑦button Button Label:

　　<button value= "" > Display </button> equivalent to <input type= "button" onclick= "JS code"/>

　　

⑧textarea Multi-line text fields:

row= "Number of rows" col= "Rows"

⑨ drop-down box select:

<select name= "Provice" >

<option value= "" > select Province </option>

<option value= "Beijing" > Beijing </option>

<option value= "Hangzhou" > Hangzhou </option>

</select>

PS: If you feel good, point a praise, let more people benefit ~

@beautifulzzzz 2016-07-12 continue~
e-mail:[email protected]
Sina:http://weibo.com/beautifulzzzz?is_all=1

Series Articles:

[Introduction to PHP] 1, from the installation and development environment to (Zhuang B) to do a cool landing application

[Introduction to PHP] 2, basic core Grammar outline

[Introduction to PHP] 3, WAMP integrated MySQL-related basic operations

[Introduction to PHP] 4, HTML basic Primer an overview