HTML Basic Tags

<br>: line break

<p> ... </P>: Paragraph

<imag= "Picture address";: Picture Display

CTRL +?: Quick Notes

<a href= "link Address" > open window Position </a>: Hyperlink

There are sequence tables:
<ol>

<li> oranges </li>
1 oranges
<li> Banana </li>
2 Banana
<li> Apple </li> 3 apples

</ol>

Unordered list:
<ul>

<li> oranges </li>

<li> Banana </li>

<li> Apple </li>

</ul>

Form:
<table colspan= "" rowspan= "" >
<tr>
<td>
</td>
</tr>

</table>
colspan: line span
RowSpan: Column span

Property Value Description
-----------------------------------------
Align Left Align

Center Center alignment
Horizontal alignment Right Justified
-----------------------------------------
Top Top Align
valign
Middle Center Alignment
Vertical alignment Bottom Bottom
Baseline baseline Alignment
-----------------------------------------

Spaces &nbsp;
Greater than sign (>) &gt;
Less than sign (<) &lt;
Quotation marks (") &quot;
Copyright Symbol @ &copy;
Register Symbols &reg;

Framework:

<frameset rows= "15%,25%,*" >
<frame src= "_table.html" name= "the Window name" Width= "" >
<frame src= "form_son.html" >
<frame src= "form.html" >
</frameset>
such as: <a href= "Reference site" traget= "show the name of the Site Content window (which window displays site content)" ></a>
<iframe name= "The name of the window" ..... >
</iframe>
<body>
。
。
。
Divide a page into the next three pages

Form:
<form name= "This form name" method= "get/post" action= "page" (Enter the page when you click the key containing the Submit property) enctype= "Multipart/form-data" (This item must be brought with the accessory) >

<input name= textbox name type= text (normal input box) value= text box initial value size= text box length maxlength= text box to enter the maximum character >
<input name= "" type= "Password (password form input)" >
<input name= "Usersex" Type= "Radio (Radio Box)" value= "male" > Male (radio button selected value)//That is selected usersex= "male"
When using the radio single option, you must have the same name option, or you cannot select

<input type= "Submit" Name= "Buttom" value= "Commit" >
<input type= "Reset name =" Reset "value=" reset ">
<input type= checkbox (Multi Marquee) value=sports> Motion (check button selected value)
Multiline text fields:
<textarea name= "Showtext" cols= "x< column >" rows= "y (line)" > Text content </textarea >

</form>

list box
<select name= "list name" size= "number of rows displayed" >

<option value= "option value" Selected= "selected" >...</option >

<option value= "option value" >...</option >

</select>

Type specifies the types of elements. text, password, checkbox, radio, submit, reset, file, hidden, image, and button, default to Text
Name specifies the names of the form elements.
The initial value of the value element. A value must be specified when type is radio
SIZE Specifies the initial width of the form element. When type is text or password, the size of the form element is in characters. For other types, width in pixels
MaxLength type is text or password, the maximum number of characters entered
When the checked type is radio or checkbox, specifies whether the button is selected

CSS styles introduced in HTML
The HTML file references a. css file style sheet in two ways
1. Link external style


......
<link href= "Style.css" rel= "stylesheet" type= "text/css (file style)"/>
......

2. Import external styles

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

<!--

@import url ("Style.css");

-

</style>

The difference between a link and an import:

<link/> tags are xhtml, @import belong to CSS2.1
Use
<link/> linked CSS files are loaded into the Web page before compiling the display
Using the @import imported CSS file,
The client displays the HTML structure and then loads the CSS file into the Web page.
@import belong to the CSS2.1 peculiar,
This is not valid for browsers that are incompatible with CSS2.1.

CSS style selection priority:

Inline style > Internal style sheet > external style sheet

ID selector > class selector > tag Selector

HTML Basic Tags