Structure
title <title><br></pead><br><body> ..... The contents of the file ...<br></body><br></ptml><br>1. Title of the document<br><title> .....
2. File Update--
"1" 10 seconds to update automatically once
"2" 10 seconds to automatically link to another file
3. Query Form-- If you want to set the query field before the prompt text:
Layout
1. Title text 2. Font Change <font> ..... </font>
"1" Font size <font size=#> ..... </font> #=1~7; The greater the number of characters
"2" Specifies the font <font face= "Font name" ... </font>
"3" Text color <font color= #rrggbb ..... </font> RR: Table red color code GG: Table green color code bb: Table Blue (blue) color code
3. Display small font <small> ..... </small>
4. Display large font <big> ..... </big>
5. Bold Word <b> ..... </b>
6. Italic character <i> ..... </i>
7. Typewriter font <tt> ..... </tt>
8. The bottom line is <u> ..... </u>
9. Delete Line <strike> ..... </strike>
10. The subscript word <sub> ..... </sub>
11. The superscript character <sup> ..... </sup>
12. Text Blink effect <blink> ..... </blink>
13. Line Wrapping <br>
14. Subsection <p>
15. The alignment of the text <p align= "#" #号可为 Left: Table alignment (PRESET) Center: Table Alignment Right: Table to right P.s.<p align= "#" after the text will be displayed in the alignment, until another <p align= "#" To change its alignment, or when the 16. Separator line "1" Divider line thickness Width of "2" divider "3" Divider alignment Direction Color of the "4" Divider "5" Solid separator line <HR noshade>
17. Aligns the <center> ... to the middle. </center>
18. Display the <pre> ... in the original style. </pre>
The properties of the <body> directive
"1" Background color--bgcolor <body bgcolor= #rrggbb
"2" background pattern--background <body background= "graphics filename" >
"3" Set background pattern does not scroll--bgproperties <body bgproperties=fixed>
"4" File content text color--text <body text= #rrggbb
"5" Hyperlink text color--Link <body link= #rrggbb
Hyperlink text color "6" being selected--Vlink <body vlink= #rrggbb
"7" Linked hyperlink text color--ALink <body alink= #rrggbb
20. Note!--..........-->21. Special character notation
Symbolic syntax
"
> "
&
""
Blank  
Image
1. Insert Picture
2. Set frame--border 3. Set graphics Size--width?height 4. Set the figure left and right blank--vspace?hspace 5. Graphics Note 6. Pre-loading pictures
P.S. Two graphs with the best consistent graphics size
7. Image maps (image map) <map name= "name of graph"
<area shape= Shape coords= area coordinates list href= "URL of the link point" >
<area shape= Shape coords= area coordinates list href= "URL of the link point" >
<area shape= Shape coords= area coordinates list href= "URL of the link point" >
<area shape= Shape coords= area coordinates list href= "link point url" > </map>
"1" defines shape--shape
Shape=rect: Rectangular shape=circle: round shape=poly: Polygon
"2" Definition area--coords
A. Rectangle: must use four digits, the first two digits are the upper left corner coordinates, the last two digits are the lower right corner coordinates
Example: <area shape=rect coords=100,50,200,75 href= "URL" >
B. Circle: Must use three digits, the first two digits for the center of the coordinates, the last number is the radius length
Example: <area shape=circle coords=85,155,30 href= "URL" >
C. Any graphic (polygon): fill in the coordinates of each turning point of the graph
Example: <area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href= "URL" >
Form
1. Define the table
| : Align Left "2" |
: Align in middle? Bold "1" horizontal position--align |
#号可为 left: aligning to the right Center: Aligning right: Align Right "2" vertical position--align |
#号可为 Top: Align up middle: aligning to Bottom: Align Down "3" field widths--width |
"4" Field vertical Merge--rowspan |
"5" Field horizontal merge--colspan |
|---|
Listing
List of catalogues
Form
One, the basic architecture <form action= "The URL of a CGI program to process data" or "mailto: the URL of an email address" method= "get or post" .... .......... </form>
Second, the input file form <form action= "URL" method= "post" and "<input> <input> ......... </form>
"1" Field types--type <input type=#> #号可为 text: Text input password: password checkbox: Multiple button Radio: Radio buttons Submit: Accept button Reset: Reset button Image: Graphics button hidden: hidden Tibetan field
"2" Field name--Name <input name= "column name" > P.S. If type is submit?reset name does not have to be set
Preset value on "3" file--value <input value= "preset string"
"4" Set the width of the field--size <input size= number of characters
"5" limits the length of the maximum number of input strings--maxlength <input maxlength= characters
"6" preset checkbox or radio initial value-checked <input type=checkbox checked> <input type=radio checked>
"7" Specifies the URL of the graph--src <input type=image src= "image file name" >
"8" text alignment--align <input type=image align= "#" > #号可为 top: text aligned to the end of the picture middle: text alignment between the pictures buttom: The bottom of the text alignment picture
Third, the Select form <form action= "URL" method= "POST" > <select> <option> <option> .......... </select> </form>
Properties of A, <select>
"1" Field name--name <select name= "data field name" >
"2" Set the number of options displayed--size <select size= number
"3" Multiple options--Multiple <select multiple>
Properties of B, <option>
Return value of the "1" definition option--value <option value= "return value" >
"2" preselected options--selected <option selected>
Four, multiple columns of input text area form <form action= "URL" method= "POST" > <textarea> ......... </textarea> </form>
Variable name for "1" text area-name <textarea name= variable names
"2" Set text input area width--cols <textarea cols= character number
"3" Set text input area height--rows <textarea rows= number of columns
"4" Input area set preset string <textarea> preset text </textarea>
"5" Automatically wrap or not--wrap <textarea wrap=#> #号可为 off: When the table entered text that exceeds the column width, it does not automatically wrap (preset) virtual: The text entered by the table wraps automatically when the column width is exceeded
Link
One, link to other documents description text or picture
Link to a certain place in the document (external link)
The starting point of the 1
.....
"2" end
Three, the super link of frame
"1" opens a new browser to display the link file--_blank
"2" Displays the link file in the current frame--_self
"3" above a layer of Split window display link file--_parent
"4" To display the link file in full window--_top
"5" Displays the link file in a specific window--
FRAME
One, the split window instruction ...
"1" vertical (up and down) split--rows
#号可为点数: If you want to split into 100,200,300 three windows, you
can also be represented by *, such as
Percentage: For example , the sum of the best is 100%
"2" horizontal (left or right) segmentation--cols Specify the window content--
"1" Specifies the name of the window--src
"2" defines the name of the window-name
"3" Set the distance between the file and the top and bottom border-marginheight
"4" Set the distance between the file and the left-right border-marginwidth
"5" Set split window scroll--scrolling
#号可为 yes: fixed scroll
No: No scroll Auto: Automatically determine file size requires no scroll (preset)
"6" Lock the size of the split window--noresize
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
