XHTML basics and html Basics

XHTML basics and html Basics

Site: http://www.cnblogs.com/hellokitty1/p/3931663.html

 

A client web page programming Overview
1. evolution of enterprise application computers: centralized computing mode (Mainframe/Terminal) from host/dumb Terminal to client/server computing mode (client/sever) go to browser/server computing mode (browser/sever ).
2. Working Principle of B/S structured Web applications: applications developed in B/S computing mode are generally called Web applications.
3. Web application components 1: webpage content webpage structure webpage Behavior
4. Web application components 2: Web Server
5. Web application components 3: Web Browser
6. Components of Web applications 4: Both HTTP-based Web servers and Web browsers speak the same language, known as HyperText Transfer Protocol HTTP (HyperText Transfer Protocol ).
HTTP is a set of rules and processes that allow computers to exchange information over the Web. With the HTTP protocol, no matter where these computers are, what operating systems are used, what Web server software is running, and what browser products are used, both of them can communicate with each other through HTTP.
7. Webpage Classification: static webpage client Dynamic Webpage Server Dynamic Webpage
8. Web Project Division:
9. Client web programming tool: Dreamweaver WebStorm

 

Chapter 2 xhtml basics (do not forget to end tags)
1. The 2. <p> label defines a paragraph. Eg: <p> This is a paragraph </p>
3. <a> the tag is linked. Eg: <a href = "link address"/> This is a link </a>
4. label defines the image. Eg:
5. <br/> define a line feed.
6. 7. <! --> Annotations are hidden.
8. <blockquote> used for referencing. This section is indented.
9. definition list: a ordered list <ol> B unordered list <ul> c definition list <dl>
<Li> write text </li> <dt> write text </dt>
<Li> write text </li> <dd> write text </dd>
</Ol> </ul> </dl>
10. <pre> defines pre-formatted text. pre can enable the text to fully comply with the orchestration format in the source file.
11. <div> and css are used for partitioning and partitioning.
12. <span> span can be used to specify the font, color, and underline of text.
13. special characters. & Nbsp; space, two & nbsp; is equivalent to one character. & Lt; left angle brackets or signs smaller. & Gt; right angle brackets or greater than signs. & Copy; copyright symbol. & Reg; Registered symbols.
14. <table>, <tr>, <td> define a table.
15. <caption> define the table title. <Caption> Monthly savings </caption>
16. <th> define the table column title.
17. colspan: Merge columns. Rowspan: Merge rows.
18. "#", and other webpages.
19. <iframe> Create an inline framework containing another document.
<Iframe ..... name =...> name framework name, used to identify other webpages inserted in the webpage, set the target attribute of Hyperlink a to the attribute value of iframe name.
Eg: <a href = "Address" target = "main"> text </a>
<Iframe... name = "main"> </iframe>
20. block-level elements (text is line feed): <div>, <blockquote>, <dl>, <ol>, 21. Embedded elements (text does not wrap): <span>, <a>, , <label>, <iframe>.

 

 

Chapter 3 XHTML form
1. <form> for user input, <form action = "#" method = "post/get" id = "" name = ""> ...... </form> action: specifies where to send form data when a form is submitted. Method: Specifies how to send form data.
Post does not show the path get display path.
2. text Box: type = "text" <input type = "text" id = "" name = ""/> id: Unique of the specified element. Name: Specifies the name of the form.
3. password input box: type = "password" <input type = "password" id = "" (size = "" maxlength = "")/>
4. Check box: type = "checkbox" <input type = "checkbox" id = "" name = "" value = ""/> use the same settings for the name attribute of each option.
5. Single queue: type = "radio" <input type = "radio" id = "" name = "" value = ""/>
6. Hide the field: type = "hidden" <input type = "hidden" id = "" name = ""/>
7. upload a file: type = "file" <input type = "file" id = "" name = ""/> specify that the enctype attribute of <form> is multipart/form-data. the property of method is post.
8. drop-down list: A <select> element is used to describe the list, and multiple <option> element sets are used to identify the list options. Use the name attribute of the <select> element to name the entire list, and use the value attribute of each <option> element to give each option
A unique value.
<Select id = "" name = "">
<Option value = ""> when multiple options are selected, the multiple attribute must be added to the <select> element.
9. multi-row text box: <textarea> <textarea rows = "" cols = "" id = "" name = ""> rows row cols Column
10. submit and reset buttons: type = "submit" type = "reset" <input type = "submit/reset" value = "submit/reset"/>
You can also use the graphical button <input type = "image" src = ".." value = "submit/reset"/>
11. command button (Common button): type = "button" value = "".
12. Add readonly to the text box to prevent text data modification. disable makes the input control unavailable.
13. The <fieldset> label packs a part of the Form Content and generates a set of related form fields. <Legend> the label defines the title for the fieldset element.