PHP Course Summary 20161111

Today's course, the teacher mainly introduces the HTML text formatting tags related knowledge and table tags and div background decoration related content.

Common text formatting Tags: text bold label <b>, italic label <i>, delete Word label (such as discount on the number of the slash) <del>, superscript label <sup>, subscript label <sub>.

Second, the commonly used "computer output" tag: Predefined label <pre> (programming writing format and Web page display the same format).

Iii. commonly used citations, citation tags: abbreviation tags <abbr> (mouse on the text, will show some other text, play an explanation, explain the role), address tags <adress> (conducive to search engine optimization), long reference tags <blockquote > (indicating provenance, beneficial to search engine optimization)

Iv. Table Labels <table>

The table labels include: Row labels <tr>, column labels <td>. Properties for column labels <td>: rowspan (merge lines), colspan (combined). Merge rows and columns, all set in column labels <td>. The table label <table> width, height, and border are set in the body label.

The "background picture" can be adjusted by the property "background picture position (background-position)", "div box model" can adjust the position by the property "margin".

After the DIV (box model) floats (float) to the left or right, you can continue to set the property's outer border (margin) and adjust the position of the div.

VII. programming process of table making

1. The basic form-making process

650) this.width=650; "title=" base table. png "src=" Http://s1.51cto.com/wyfs02/M02/8A/21/wKiom1goBOnwWD0ZAAGlk_ Hlygs994.png-wh_500x0-wm_3-wmp_4-s_3354214813.png "alt=" Wkiom1gobonwwd0zaaglk_hlygs994.png-wh_50 "/>

650) this.width=650; "title=" base table diagram. png "src=" http://s2.51cto.com/wyfs02/M02/8A/1D/ Wkiol1goboqyhusuaagcupkqcuc218.png-wh_500x0-wm_3-wmp_4-s_1791933567.png "alt=" Wkiol1goboqyhusuaagcupkqcuc218.png-wh_50 "/>

2. Table making process for merged rows

650) this.width=650; "title=" merge line. png "src=" http://s2.51cto.com/wyfs02/M01/8A/1D/wKioL1goBYTzNIgfAAIbN0_ Ycly360.png-wh_500x0-wm_3-wmp_4-s_3343030262.png "alt=" Wkiol1gobytznigfaaibn0_ycly360.png-wh_50 "/>

650) this.width=650; "title=" merge line graph. png "src=" Http://s3.51cto.com/wyfs02/M00/8A/1D/wKioL1goBYWSn8upAAF2ss_ C1mq836.png-wh_500x0-wm_3-wmp_4-s_220403859.png "alt=" Wkiol1gobywsn8upaaf2ss_c1mq836.png-wh_50 "/>

3. Table making process for consolidated columns

650) this.width=650; "title=" merge columns. png "src=" http://s4.51cto.com/wyfs02/M01/8A/21/ Wkiom1gobd7ybbi1aahtrnjdarw768.png-wh_500x0-wm_3-wmp_4-s_1035528441.png "alt=" Wkiom1gobd7ybbi1aahtrnjdarw768.png-wh_50 "/>

650) this.width=650; "title=" merge column diagram. png "src=" http://s5.51cto.com/wyfs02/M01/8A/1D/wKioL1goBd_ Wpil1aagal2ygp7c525.png-wh_500x0-wm_3-wmp_4-s_4043178569.png "alt=" wkiol1gobd_wpil1aagal2ygp7c525.png-wh_50 "/ >

Eight, the background decoration programming process

1. Basic background Decoration programming process

650) this.width=650; "title=" background decoration. png "src=" http://s4.51cto.com/wyfs02/M02/8A/21/wKiom1goBoPSGWgAAAFhejJV_ P4194.png-wh_500x0-wm_3-wmp_4-s_911308482.png "alt=" Wkiom1gobopsgwgaaafhejjv_p4194.png-wh_50 "/>

650) this.width=650; "title=" background decoration. png "src=" http://s3.51cto.com/wyfs02/M02/8A/1D/ Wkiol1gobosq7ydsaaiah7q1if0230.png-wh_500x0-wm_3-wmp_4-s_1723820099.png "alt=" Wkiol1gobosq7ydsaaiah7q1if0230.png-wh_50 "/>

2. Complex background Decoration programming process

650) this.width=650; "title=" Complex background decoration. png "src=" http://s3.51cto.com/wyfs02/M02/8A/1D/ Wkiol1gobwjxqsk0aajcxo3boca437.png-wh_500x0-wm_3-wmp_4-s_50891102.png "alt=" Wkiol1gobwjxqsk0aajcxo3boca437.png-wh_50 "/>

650) this.width=650; "title=" Complex background decoration. png "src=" http://s3.51cto.com/wyfs02/M00/8A/21/ Wkiom1gobwnhojxmaafxnn5xz0o764.png-wh_500x0-wm_3-wmp_4-s_1086398432.png "alt=" Wkiom1gobwnhojxmaafxnn5xz0o764.png-wh_50 "/>

This article is from the "12244280" blog, please be sure to keep this source http://12254280.blog.51cto.com/12244280/1872322

PHP Course Summary 20161111