PHP notes (HTML), php notes html_PHP tutorial

PHP notes (HTML) and php notes html. PHP notes (HTML), php notes html has learned a lot of languages, and recently decided to learn PHP. To learn PHP, you always need to learn HTML first. then, let me start with HTML! First, learn any PHP notes (HTML), php notes html

I have learned many languages and finally decided to learn PHP.

To learn PHP, you always need to learn HTML first. then, let me start with HTML!

First, learning any programming language and reading more books are inseparable from it-help documentation

HTML Help: http://pan.baidu.com/s/1hqxOymo

I don't know. HTML5, which has been quite popular in recent years, is a development direction of HTML. the development direction of HTML is as follows: one is a diversified HTML5, and the other is a standardized XML, XHTML is also derived in the process!

For web pages, you cannot avoid using colors. There are two kinds of colors: Word Representation and hexadecimal notation. among them, hexadecimal notation indicates a full color, I have also compiled a blog post for you to view.

RGB color table: http://blog.csdn.net/u010849590/article/details/43339473

There are always some special symbols in the programming language that cannot be directly displayed as text, and HTML is no exception. these special symbols are called objects in HTML, and the blogger has also compiled an HTML object comparison table for the occasional need.

Entity table: http://blog.csdn.net/u010849590/article/details/43380181

Web page code is directly parsed by the browser, the preparation of web pages must choose a kind of encoding, commonly used encoding UTF-8, GBK, GD2312, etc., and the browser can also choose a kind of encoding to parse the web page. So the question is, what if the encoding selected by the browser is inconsistent with the encoding of the webpage? There are three solutions:

Obviously, an encoding method is not suitable for everyone, and it is not smart enough for users to modify the browser encoding. Therefore, the first two types of codes are temporary and the third method is king.

Is a single tag. its usage is

Take UTF-8 as an example:

For more information about tag usage, see the help documentation.

You can set hyperlinks for tags, such as changing relative paths to absolute paths and opening methods.Is a single tag. For more information, see the help documentation.

The default setting is the default setting for the entire web page. you can set the font color (text), background color (bgcolor), background image (background), and background property (bgproperties, or view the help documentation!

It is a paragraph label. This label is special and can be used as a single label or a dual label. When used as a dual tag, the content between tags is displayed as a segment; when used as a single tag, line feed starts from the tag. The usage of double labels is standard and common.

The label is a dual label. The text in the label will be output according to the original format.
 
  
Different, the labels in the <pre> label can be parsed, but the labels in the <xmp> cannot be parsed and output in text format! </P> <li> label combination <ol> and <ul>, <li> is a list label, it is a dual tag, and the content between tags is displayed as one item in the list. by default, the content is unordered. <ol> tags are used together with <li> tags to change the list to an ordered list; <ul> use tags with <li> as unordered list groups. You can view the help documentation for the attributes of these labels. </P> <p> and, Subscript tag and Superscript tag are both double tags. </P> <p> an image tag is used to display an image. the image link is set for a single tag and the src attribute, the title attribute specifies the name displayed when you place the cursor over the image. the alt attribute specifies the name displayed when the image fails to be loaded. Other attributes can be found in the Help documentation. </P> <p> is a link label used for hyperlinks. The link address of the href attribute setting, the name displayed when the title attribute setting label is put on the top, the target attribute setting method for opening the link, and other attributes can be viewed in the help document. </P> <p> label is used to set the anchor to link to a specific area and use the name attribute. Name: set a name. The href attribute is set to "#" + name to link to the name on this page. if href is set to the webpage path + "#" + name, you can link to the page where the name is located. if the herf attribute is set to "#" or is empty, you can jump to the page header. </P> <p> current page jump </p> <p> jump to other pages </p> <p> URL: unified Resource Locator </p> <p> URL composition: http://i.cnblogs.com/EditPosts.aspx?postid=4275104&update=1 For example, </p> <ul> <li> Protocol name: http: //, ftp: //, https: //, file: //, etc. (http ://) </li> <li> host name: (I .cnblogs.com) (cnblogs.com is a domain name) </li> <li> port number: 80, 8080, etc. (range: 0 ~ 65535) (80) </li> <li> resource name: the Accessed File (EditPosts. aspx) </li> <li> parameter :"? "Key-value pairs following, multiple parameters connected with" & "(get passing parameters, visible parameters; post passing parameters, invisible parameters) (postid = 4275104 & update = 1) </li> </ul> <p> </p> <p> relative URL path: </p> <ul> <li>. /: indicates the local path </li> <li> .. /: indicates the upper-level path </li> <li> .. /.. /: indicates the upper-level path (and so on). </li> </ul> <p> </p> <table> labels are used to build tables and are double labels. The width attribute sets the table width, the heigth attribute sets the table height, the border attribute sets the table border, the cellspacing attribute sets the width between cells, and the cellpadding attribute sets the distance between the cell content and the border. </P> <tr> label nesting <table> label is used to design rows of a table, which is a double label. </P> <td> label nesting <tr> label usage, used to represent cells in a table, which is a double label. The rowspan attribute is set to cross-row, and the attribute value indicates the number of rows to be crossed. The colspan attribute is set to cross-column, and the attribute value indicates the number of columns to be crossed. </P> <th> label nesting <tr> label used to indicate the table header. the font of the cell content is bold and centered. </P> <p> More attributes can be found in the Help documentation. </P> <p> The HTML frame, also known as frame splitting, multiple pages are combined into one page for display. </P> <ul> <li> Advantages: <ul> <li> you do not need to reload the entire page when you reload the page, added the speed for web page download </li> <li> convenient creation of the navigation bar </li> </ul> </li> <li> disadvantages: <ul> <li> multiple pages, difficult to manage </li> <li> complex code, http requests from servers are added to webpages that cannot be indexed by search engines to </li> <li> small mobile devices cannot be completely displayed </li>> </ul> </li> <li> due to the preceding disadvantages, it does not conform to the standard web design concept and has been abandoned, but can be used in the background. Therefore, we still need to learn. </Li> </ul> <p> framework tag: </p> <ul> <li> <frameset> tag, the <ul> <li> <frameset> label replaces the <body> label and defines the framework page, therefore, the <frameset> label does not use the <body> label </li> <li> border attribute to set the frame border size </li> <li> rows attribute to set the number of frames and height, the size of each row to be written. & ldquo; * & rdquo; indicates the remaining space. use & ldquo;, & rdquo; separate </li> <li> The cols attribute to set the number of columns and the width of the framework. The size of each column is required. & ldquo; * & rdquo; indicates the remaining space, separated by & ldquo;, & rdquo; </li> <frameset> can be nested, diversified frame formats </li> </ul> </li> <frame> labels and dual tags <ul> <li> are used to display the content of each page, nested in <frameset> Use; </li> <li> src attribute to set the page path to display its content </li> <li> name attribute to set the frame name, the target attribute of the </li> <li> label for link display can specify the target attribute of the frame </li> <li> label on the display page to & ldquo; _ parent & rdquo; indicates the display of the upper-level framework. if it is set to & ldquo; _ top & rdquo;, it indicates the display of the top-level framework, and the entire webpage </li> </ul> <br/> layout display hyperlink <ul> <li> <noframes> label, double tags <ul> <li> when the browser cannot load the framework, the content in the <noframes> label </li> <li> is nested in the <frameset> label, with <body> Label Usage </li> </ul> </li> </p> <p> other attributes and usage of the framework, you can view the help documentation! </P> <p> form: you can transmit the input data to the html element of the server-side program </p> <ul> <li> <form> tag, double label <ul> <li> indicates the HTML form </li> <li> action attribute sets the destination of data transmission </li> <li> method attribute sets the transmission mode, it can be set to get and post. <ul> <li> The get transmission has less information and is faster. the submitted information is displayed in the address bar, insecure </li> <li> There are many messages transmitted by post, which are slow and the submitted information is not displayed in the address bar, relatively secure </li> </ul> </li> <li> enctype attribute sets the encoding type of data sent to the server <ul> <li> application/x-www-form- urlencoded: the form data is encoded as a name/value pair, which is in the standard encoding format. the default value is </li> <li> multipart/form-data: The form data is encoded as a piece of information, upload a file as part of the corresponding information of each control on the page. </Li> </ul> <p> </p> <ul> <li> <input> tag, single tag <ul> <li> type indicates the display mode of an input field (input, choice, and click) <ul> <li> text, single line text input field, input type </li> <li> password, password input field, the input character is displayed as "*", INPUT type </li> <li> file, file upload, input type </li> <li> checkbox, check box, select type </li> <li> radio, single choice, select type </li> <li> hidden, hide domain, it is generally used to pass the default value, </li> <li> button, button, click not to submit the form, other operations can be performed, click type </li> <li> image, image button, click submit form, click type </li> <li> submit, submit, and click submit Form. click type </li> <li> reset and reset, click type </li> </ul> </Li> <li> name, the name of the form item <ul> <li> is usually set to the same field name as the database </li> <li> This attribute is not required for click type </li> <li> the name value of the identifier </li> <li> check box for data transmission is generally represented by an array. </li> <li> The name value of a single shard is the same, options are mutually exclusive </li> </ul> </li> <li> value, value of the form item <ul> <li> select type to set this attribute value, </li> <li> click to delete the image and set this attribute, that is, set the button display name </li> <li> enter to set this attribute value, set the default value </li> </ul> </li> <li> maxlength, restrict text input length </li> </ul> </li> <textarea> tags, dual tags <ul> <li> multi-line text fields, you can enter multiple lines of text </li> <li> cols, set the number of columns, set the width through the number of columns </li> <li> rows, set the number of lines, and pass Number, set height </li> <li> other attributes are consistent with the <input> label input type </li> </ul> </li> <select> label, double label <ul> <li> drop-down menu </li> <li> name attribute setting form item name, usually the same as the database field name </li> <li> multiple attribute setting form to multiple selection </li> </ul> </li> <option> label, the double label <ul> <li> is nested in the <select> label, indicating an option in the drop-down menu </li> <li> value attribute setting option value, transfer with form </li> <li> selected attribute setting is selected by default </li> </ul> </li> <lable> label can set text and options bind, click on the text to select the role </li> </ul> <p> </p> <p> for other attributes and usage of the form, you can view the help documentation! </P> <p> label, double label </p> <ul> <li> layer label, used to locate the content in the element or layout </li> <li> layer, which can be placed in any location of the browser, HTML elements </li> <li> often used in combination with CSS </li> </ul> <p> are often used in combination with CSS, learn more about CSS! </P> <p> at this point, the basic elements of HTML have been learned, and simple static web pages can be created, but it is far from dynamic websites! Next, let's learn about CSS! </P> <p align = "left"> <p style = "display: none;"> http://www.bkjia.com/PHPjc/956929.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/956929.htmlTechArticlePHP Notes (HTML), php notes html has learned a lot of languages and recently decided to learn PHP. To learn PHP, you always need to learn HTML first. then, let me start with HTML! First learn anything... </p> <p class = "art_confoot">