Static HTML Summary

Chapter I.
<META> tags:
<meta http-equiv= "content-type" content= "text/html;charset=gb2312" >------avoid garbled characters

Bgcolor: background color background: background image

Level six headings:

<FONT> tags:
Properties: Face----font Type
Size----font Sizes
Color---colors

Special Symbols:
Greater than:&gt;
Less than:&lt;
space:&nbsp;
Quotation marks:&quot;
Copyright number:&copy;

Control label for the Row:
<p> (</p>)------paragraph Labels (the end tag is Optional)
<br>--------wrap Label (no End Tag)

tags:

Property:
Align:------the alignment of the picture and the current text (top--top bottom--bottom middle-center left-left align Right-right)

<HR> Tags: Horizontal Divider Line

List:
Unordered list: <ul type= "type" >
<LI></LI>
</UL>

-------type Property value: Circle Hollow ring Disc Solid dot (default) Square Square

Sequence list: <ol type= "type" >
<LI></LI>
</OL>

--------type Property value: 1, a, a, i, I
<A> tags: Hyperlinks

Link to other pages: <a href= "path" ></a>
To link to this page:
<a name= "marker" >fghgg</a>-----creating anchor tags
<a href= "#marker" >fghgg</a>-----use it
Email link:
<a href= "mailto: url" ></a>

<MARQUEE> tags: scroll bar
<marquee scrolldelay= "direction=" up "onmouseover=" this.stop () "onmouseout=" this.start () ">

-----scolldelay---rolling delay Time Direction----scroll direction: up, down, left, Right
Onmouseover---triggered when the mouse is parked on top
Onmouseout----triggered when the mouse is left

Chapter II
span columns across Rows:
Rowspan----cross-line
Colspan-----cross-column

Set padding, spacing Properties
Cellpadding----the distance between the text and the border
cellspacing----table Inner Border spacing
Chapter III
<FORM> tags:
<form name= "form1" method= "post" action= "address/processform (handler for form)" >
Form submission Method: Post get (unsafe)
Form elements: (to be used in <input> Tags)
Textbox: text
Password box: password
Radio Button: Radio
Check box: checkbox
List box: Select and option to implement
Buttons: button---normal button submit---submit button Reset---reset button
Multiline Text: textarea (set his width and height with cols and rows respectively)

Frame:<frameset> (frame Set)
<frameset>
<frame name= "" src= "the location to put the page" scrolling= "no" (whether to display scroll bars) noresize (disable resizing of frame Window) >
</frameset>

Implementing a link to a frames page
Design the frameset page and define a name for each frame WINDOW.
<.frame name= "rightframe" src= "right.html" >
Set the target target window property of the hyperlink in the navigation bar so that its value is the name of the frame window
< a href= "right.html" target= "rightframe" >

4 Special Windows:
Target can fetch 4 values---------_blank (city A window to open the Link)
_self (opens in the same window (default Value))
_parent (opens in the previous level Window)
_top (opens in the entire browser Window)

CSS style Sheets

Structure of the style sheet:
<style type= "text/css" >
Selector Selector
Attribute: Property value;
}
</style>
Common Style Properties:
Text properties: font-size Font size
font-family type
Font-style fonts
Color colors
Text-align Alignment
Background properties::
Background-color background Color
Background-image background image
Background-repeat repeat (paved) no-repeat (uneven) repeat-x (horizontally tiled) repeat-y (vertically tiled)
Box Properties:
Boundary properties: margin-top Top margin
Margin-right Right
Margin-left left Margin
Margin-bottom Bottom Margin
Border Properties: Border-style Border style
Border-color Color
Border-width Border Width
padding properties: padding-top distance from top border
The distance between the padding-right and the right border
Padding-left the distance from the left border
Padding-bottom the distance from the bottom frame

Special Styles:
a:link{} non-accessible Link Style
a:visited{} a link style that has been visited
a:hover{} style when mouse hovers over a link
a:active{} the style of the linked text when the mouse is pressed

Style sheet 3-way application:

Inline style sheet
inline style
External style (to link tags with link)
<link rel= "sylesheet (external style sheet)" type= "text/css" hret= "introduced style files" >

Static HTML Summary