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 <table> ..... </table>
"1" Set the thickness of the border--border
<table border= points
"2" Set the width of the grid line--cellspacing
<table cellspacing= points
"3" Set the distance between the data and the grid line--cellpadding
<table cellpadding= points
"4" Adjust table width---width
<table width= points or percentages
"5" Adjust table height--Height
<table height= points or percentages
"6" Setting table background color--bgcolor
<table bgcolor= #rrggbb
"7" Set table border color--bordercolor
<table bordercolor= #rrggbb
2. Display grid line <table border>
3. Table title
<caption> ..... </caption>
Table title Position--align
<caption align= "#" > #号可为 top: Table headings above table (preset)
Bottom: Table headings are placed below the table
4. Define Columns <tr>
5. Define the field "1" <td>: Align Left
"2" <th>: Align Ⅱ Bold
"1" horizontal position--align <th align= "#"
#号可为 left: aligning to the right
Center: Aligning right: Align Right
"2" vertical position--align <th align= "#" > #号可为
Top: Align up middle: aligning to
Bottom: Align Down
"3" field widths--width
<th width= points or percentages
"4" Field vertical Merge--rowspan
<th rowspan= want to merge field number
"5" Field horizontal merge--colspan
<th colspan= want to merge field number
Listing
List of catalogues
<dir> <li> Project 1 <li> Item 2 <li> Item 3 </dir> p.s. Catalog list Each item cannot exceed 20 characters (that is, 10 Chinese characters)
Option list <menu> <li> item 1 <li> Item 2 <li> Item 3 </menu>
Iii. List of ordered numbers <ol> <li> item 1 <li> Item 2 <li> Item 3 </ol>
"1" ordinal form-type <ol type=#> or <li type=#> #号可为 A: The table in uppercase letters AⅡBⅡCⅡD ... As item number A: Table with lowercase English letter aⅱbⅱcⅱd ... As item number I: Table with capital Roman numerals as project number I: Table with lowercase Roman numerals as item No. 1: Table with Arabic numerals as item number (preset)
"2" Starting number--the ordinal of start <ol start= to begin counting
"3" specified number--value<livalue= ordinal number to specify
List of unordered numbers <ul> <li> Item 1 <li> Item 2 <li> Item 3 </ul>
"1" bullet form-type <ul type=#> or <li type=#> #号可为 disc: Solid dot (preset) circle: Hollow Dot Square: solid square
"2" original list--plain <ul plain>
"3" list arrangement--warp "1" list vertical arrangement <ul warp = vert> "2" list horizontal arrangement <ul warp = horiz>
List of definitions <dl> <dt> Item 1 <dd> Item 1 Description <dt> Item 2 <dd> Item 2 description <dt> Project 3 <dd> Project 3 Description </dl>
Compact <DL compact> P.S. This allows the contents of the <dt> to be in the same row as the <dd> content, only to be separated by a few blank lines, but if the <dt> text exceeds a certain length, the role of the Compact will disappear!
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 values on the "3" file-value<inputvalue= "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>
"1" defines the return value of the option-value<optionvalue= "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 <a Href= "URL" > description text or picture </a>
Link to a certain place in the document (external link)
The starting point of the 1
<a Href= "Name of filename" > ..... </a>
"2" end <a Name= "name" >
Three, the super link of frame
"1" opens a new browser to display the link file--_blank <a Href= "URL" target=_blank>
"2" Displays the link file in the current frame--_self <a Href= "URL" target=_self>
"3" above a layer of Split window display link file--_parent <a Href= "URL" target=_parent>
"4" To display the link file in full window--_top <a Href= "URL" target=_top>
"5" Displays the link file in a specific window--<a href= "URL" target= "specific window name" >
FRAME
One, the split window instruction <frameset> ... </frameset>
"1" vertical (up and down) split--rows
<frameset rows=#> #号可为点数: If you want to split into 100,200,300 three windows, you
<frameset rows=100,200,300> can also be represented by *, such as <frameset rows=*,500,*>
Percentage: For example <frameset rows=30%,70%>, the sum of the best is 100%
"2" horizontal (left or right) segmentation--cols <frameset cols= points or percentages
Two Ⅱ Specify the window content--<frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
"1" Specifies the name of the window--src <frame src=html file name >
"2" defines the name of the window-name
<frame name= window Name >
"3" Set the distance between the file and the top and bottom border-marginheight
<frame marginheight= points
"4" Set the distance between the file and the left-right border-marginwidth
<frame marginwidth= points
"5" Set split window scroll--scrolling
<frame 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 <frame 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
