Mu class Html,css notes (i)

<ul>

<li>...</li>

<li>...</li>

</ul>

There is a small dot before each item.

<ol>

<li>...</li>

<li>...</li>

</ol>

Each item has an ordinal number, which starts from 1 by default.

<div> tags are capable of batching the elements within a block, and documents are divided into separate, individual parts.

The ID property provides a unique name for <div>. <div id= "block name" >...</div>

Table Element TABLE,TBODY,TR,TH,TD

Form <table>...</table> end <tbody>...</tbody> table content when the contents of the table are loaded and displayed

<table>

<tbody>

<tr> <!--row Labels--

<th>...</th> <!--table Header group name--

</tr>

<tr> <!--another line--

<td>...</td> <!--column labels, under th tag content--

</tr>

</tbody>

</table>

There is no border before the CSS style is added.

CSS Styles

<style type = "Test/css" >......</style>

<table summary= "Table Contents" > This is the digest syntax, which is not displayed in the browser, increasing the readability of the table.

<table>

<caption> Title Text </caption>

</table>

<a href= "Destination url" title= "text displayed when the mouse is over" target= "_blank" > link displayed text </a>

A label opens in the current window by default, target= "_blank" property opens a tab in a new window

<a href= "mailto:[email protected" [email protected] &[email protected] &subject= theme &body= Mail content > Link Display text </a>

When there are multiple parameters after mailto, the first parameter is in the? At the beginning, the following parameters are separated by &.

relative path Insert Picture

SRC: Position of image alt: When the picture is missing, you can see the text specified by the property title: (The text that appears when the mouse slides over the picture)

Text, Password input box:

<form>

<input type= "Text/password" name= "name" value= "text"/>

</form>

Type= "text" Text input box type= "password" Password input box name: Name the text box in case the daemon asp,php use value: Values submitted to the server

When you enter a large amount of text, you use the text input field. <textarea rows= "Number of rows" cols= "columns" > Text </textarea>

Radio, check box <input type= "Radio/checkbox" value= "value" name= "name" checked= "Checked" > (Radio Radio checkbox check)

Checked= "Checked" is selected by default. radio buttons of the same group name values must be consistent.

Use the drop-down list box:

<select>

<option value= "reading" > Reading </option>

<option value= "Travel" selected= "selected" > Tours </option>

</select>

Set the Selected= "selected" property, the option is selected by default.

<select multiple= "multiple" > Implement multi-Select features under Windows, press CTRL while you click to select multiple options.

<input type= "Submit" value= the value of "commit" > type is set to submit, the button is submitted.

<input type= "reset" value= "reset" >

CSS Styles

CSS styles are composed of selectors and declarations, and declarations are made up of attributes and values. CSS Comment:/* Comment content */

p {color:red} where p is a selector, {} and its contents are declared, color is a property, and red is a value. Selector = Selector, indicating the element in the Web page to which the style rule applies.

CSS code inserts inline, inline and external

Inline: <p style= "color:red" > Red </p>

CSS style code to write in style= "" double quotation marks, if more than one CSS style code can be written together, the middle with a semicolon. <p style= "color:red;font-size:12px" > Text </p>

Embedded: Write CSS style code in <style type= "Text/css" ></style>

For example: <style type= "Text/css" >

span{color:red;}

</style> <style> between

External: Write CSS code in a separate external file with. css as extension, within

For example, Base.css is the name of 21 files whose code is span{color:red, and the text displayed in the <span> tab of the other file will turn red. CSS style file name

Remove the Base.css file will have the. html extension file, within the file

Rel= "stylesheet" type= "Text/css" is a fixed notation and cannot be modified.

The three style precedence is the higher the precedence level from the SET element.

Mu class Html,css notes (i)