Common tags Basic tags Create an HTML document Set the document title and other features that are not included in the web page Displayed information Set the title of the document Create a paragraph Line break Insert a carriage return and line feed Create a hypertext link Table tag Create a table Each row in the table Table Each cell in a row Set the table header: usually bold and centered text Form label < ;/form> Create a form action="..."The URL of the server that receives the data method="..."HTTP method (get, post). Among them, get is deprecated Create a drop-down menu Create a text box area, the number of columns sets the width, and the number of rows sets the height Create a check box , text behind the label Create a radio button, text behind the logo Create a single-line text input area, size is set to the width of the string Create submission (submit ) button Create a reset button Create a button < ;LABEL> First name: Last name: User: Password: I like bicycles: I like cars: Male: Female: Volvo Saab Fiat Audi< ;/option> </p> <p> </p> <p></p> <p><input type="button" value="Hello world!"></p> <p> </p> <p></p> <p><input type="submit" value="Submit" /></p> <p> </p> <p></p> <p><input type="submit" value="Send"> </p> <p><input type="reset" value="Reset"></p> <p> </p> <p></p> <p><label>Height: <input type ="text" /></label></p> <p><label>Weight: <input type="text" /></label></p> <p> </p> <p></p> <p>Name:<br /></p> <p><input type="text" name="name" value="yourname" size="20"></p> <p><br /></p> <p>Email: <br /></p> <p><input type="text" name="mail" value="yourmail" size="20"></p> <p><br /></p> <p>Content: < br /></p> <p><input type="text" name="comment" value="yourcomment" size="40"></p> <p> </p> Common style font attributes: ( font) <p>Size font-size: x-large; (extra large) xx-small; (very small) Generally not used in Chinese, just use numerical values, units: PX, PD<br> line-height : normal; (normal) Unit: PX, PD, EM<br> Thickness font-weight: bold; (bold) lighter; (fine) normal; (normal) <br> Modification text-decoration: underline; (underline ) overline;(overline) line-through;(strikethrough) blink;(blink)</p> <p> </p> <p>Block attribute: (Block)</p> <p>pair Liu text- align: justify; (align both ends) left; (align left) right; (align right) center; (center) <br> indent text-indent: value px; <br> vertical alignment vertical-align: baseline;( baseline) sub; (subscript) super; (subscript) top; text-top; middle; bottom; text-bottom; </p> <p> white-space: pre; (reserved) nowrap; (no line wrapping) <br> Display display: block; (block) inline; (embedded) list-item; (list item) run-in; (append part) compact; (compact) marker; (marker) table; inline-table; table -raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(table title)</p> <p> </p> <p>Box attributes: (Box)<br> width:; height:; float:; clear:both; margin:; padding:; Order: top right, bottom left </p> <p>Padding: 10px 9px 8px 7px; padding:10px 5px; padding-left:10px;</p> <p> </p> <p>Border attributes: (Border)<br> border-style: dotted;(dotted line) dashed;(dashed line) solid; double; (double line) groove; (groove line) ridge; (ridge) inset; (dent) outset;<br> border-width:; border width<br> border-color:#;<br> abbreviation Method border: 10px solid #fff;</p> <p> </p> <p>Style inheritance</p> <p>Defining css in the parent tag, defining css in the child tag follows the style that the child does not have, and inherits the parent's Styles, if any, of child tags, will override the style of the parent tag; </p> <p> </p> <p>Some attributes cannot be inherited; </p> <p>border attributes, Padding, Margin ), background and border properties cannot be inherited. </p> <p> </p> <p></p> <p>Style follows the principle of proximity </p> Style classification <p></p> <p></p> <p></p> <p></p> <p> </p> <p>Do not use inline styles, do not use inline styles unless absolutely necessary </p> Box model inline elements and block-level elements <p>Characteristics of block (block) elements: </p> <p>①Always starts on a new line; </p> <p>②Height, line height, margins and padding can all be controlled; </p> <p>③The default width is 100% of its container , unless a width is set. </p> <p>④ It can accommodate inline elements and other block elements </p> <p><p></p> <div></div></p> <p> </p> Characteristics of the <p>inline element: </p> <p>① and other elements are on the same line; </p> <p>② height, line height and outer and inner margins cannot be changed; </p> <p> ③The width is the width of its text or picture and cannot be changed </p> <p> ④Inline elements can only accommodate text or other inline elements </p> <p> For example: <a></a> < ;span> And the unique ID</p> <p>2. The first-level function module independently uses a CSS style sheet </p> <p>3. Common attributes are called from the public style sheet through classes </p> <p>4. As few as possible Use background images </p> <p>5. Use less non-W3C standard tags or styles </p> <p> </p> <p> </p>
