PHP notes (HTML)-php Tutorial

PHP notes (HTML) have learned many languages and recently decided to learn PHP.

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

How can I learn any programming language and read more books ?? 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:

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.

Object comparison table:

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:

1. The encoding method that most people use to adapt to the browser
2. Set the browser encoding to match the webpage
3. Use Tag

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>> </p> <p> URL: unified Resource Locator </p> <p> URL composition: http://i.cnblogs.com/EditPosts.aspx?postid=4275104&update=1 For example, </p> <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> <p> </p> <p> relative URL path: </p> <li>. /: indicates the local path </li> <li> .. /: indicates the upper-level path </li> <li> .. /.. /: indicates the upper-level path (and so on). </li> <p> </p> <table> labels are used to build tables. they 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> <li> Advantages: </li> <li> when you reload a page, you do not need to reload the entire page, added the speed for web page download </li> <li> convenient creation of the navigation bar </li> <li> disadvantages: </li> <li> multiple pages, difficult to manage </li> <li> complicated 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>> <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> <p> framework tag: </p> <li> <frameset> tag, the dual tag </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, "*" indicates the remaining space, separated by ",". </li> <li> The cols attribute sets the number of columns and width of the framework, the size of each column to be written. "*" indicates the remaining space, separated by ",". </li> <frameset> can be nested, diversified frame formats </li> <frame> labels and dual tags </li> <li> are used to display the content of each page and are nested in <frameset>; </li> <li> src attribute setting page path to display its content </li> <li> fram can be set for the name attribute E name, when the target attribute of the </li> <li> tag for link display can be specified to display the frame </li> <li> tag's target attribute is set to "_ parent, indicates the display of its upper-level framework. if it is set to "_ top", it indicates the display of the top-level framework, and the entire web page </li> <p class = "sycode"> <br/> </p> <p class = "sycode"> layout display </p> <p class = "sycode"> </p> <p class = "sycode"> </p> <p class = "sycode"> hyperlink </p> <p class = "sycode "> <li> <noframes> label, double tags </li> <li> when the browser cannot load the framework, the content in the <noframes> label </li> <li> is nested in the <frameset> label, use with <body> label </li> <l I> <iframe> label, single tag <br/> </li> <li> Create an inline framework containing another document </li> <li> contents of this framework are not supported </li> <li> use in <body> label </li> <p> </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> <li> <form> tag, double label </li> <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. </li> <li> The get transmission information is relatively small and the speed is fast. 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> <li> enctype attribute sets the encoding type of data sent to the server </li> <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, A part of the corresponding information of each control on the page. </Li> <p> </p> <li> <input> label, single tag </li> <li> type, display mode of an input field (input, choice, and click) </li> <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> <li> name, name of the form item </Li> <li> is usually set to the same field name as the database </li> <li> This attribute is not required for click type </li> <li> Data transmission the name value of the identifier </li> <li> check box is usually represented by an array </li> <li> The name value of a single shard is the same, options are mutually exclusive </li> <li> value, value of form item </li> <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> <li> maxlength, limit the length of text input </li> <textarea> label, double label </li> <li> multi-line text field, you can enter multiple lines of text </li> <li> cols, set the number of columns, through the number of columns, set the width </li> <li> rows, set the number of rows, and set the height through the number of rows </li> <li> other attributes and <input> Consistent tag input type </li> <select> tag, double label </li> <li> drop-down menu </li> <li> name attribute setting form item name, generally, it is consistent with the database field name. </li> <li> The multiple Attribute setting form is set to multiple-choice </li> <option> label, double label </li> <li> is nested in the <select> label, indicating an option in the drop-down menu </li> <li> value attribute setting option value, after selection, </li> <li> selected attribute settings are selected by default </li> <lable> labels can be used to set text and option binding, click the text to select the role </li> <p> </p> <p> for other attributes and usage of the form, you can view the help documentation! </P> <p> label, double label </p> <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, you can add HTML elements </li> <li> often used in combination with CSS </li> <p> because it is often used in combination with CSS, you can 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!