A compilation of common code
1. Title text <h#>......</h#> #=1~6; h1 is the largest word, h6 is the smallest word
2. Font changes <font>......</font>
[1] Font size <font size=#>......</font> #=1~7; The larger the number, the larger the character
[2] Specify 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 color code
3. Display small font <small>......</small>
4. Display large font <big>......</big>
5. Bold <b>......</b>
6. Italics <i>......</i>
7. Typewriter font <tt>......</tt>
8. Bottom Line <u>......</u>
9. Strikethrough <strike>......</strike>
10. Subscript <sub>......</sub>
11. Label <sup>......</sup>
12. Text flashing effect <blink>......</blink>
13. Line <br>breaks
14. <p>Segmentation
15. Text alignment direction <p align="#"> #号可为 left: Table aligned to the left (default value) center: Table aligned to the middle right: Table aligned to the right P.S.<p align="#"> The text after that will be displayed in the alignment set until
Another <p align="#" appears > change its alignment direction, and when it encounters <hr>or <h#> label, it will automatically set back to the default left alignment.
16. Dividers <hr>
[1] The thickness of the divider <hr size = the number of points>
[2] Width of the divider <hr size=number of points or percentage>
[3] Divider alignment direction <hr align="#"> #号可为 left: Table aligned to the left (default value) center: Aligned to the middle right: Aligned to the right
[4] The color of the divider <hr color=#rrggbb>
[5] Solid divider <hr noshade>
17. Centered alignment <center>......</center>
18. Display <pre>......</pre> in the original style
19. <body>Attributes of instructions
[1] Background color -- bgcolor <body bgcolor=#rrggbb>
[2] Background pattern -- background <body background="graphic file name">
[3] Set the background pattern will not scroll -- bgproperties <body bgproperties=fixed>
[4] The color of the text in the file content -- text <body text=#rrggbb>
[5] Hyperlink text color -- link <body link=#rrggbb>
[6] The color of the hyperlink text being selected -- vlink <body vlink=#rrggbb>
[7] The color of the hyperlinked text -- alink <body alink=#rrggbb>
1. Pictures
1. Insert the image <img src="graphic filename" >
2. Set the frame -- border <img src="graphic file name" border=points>
3. Set the size of the graph -- width, height <img src="drawing file name" width=width points height=height points>
4. Set the graphic to leave space up and down, left and right, left and right, -- vspace, hspace <img src="graphic file name" vspace=up and down space points hspace=left and right blank points>
5. Graphic Notes <img src="graphic file name" alt="caption">
6. Preload pictures
<img src="high-resolution graphics file name" lowsrc="low-resolution graphics file name"> P.S. The graphics size of the two graphs should be the same
7. Image Map <img src="Graphic file name" usemap="#图的名称"> <map name="Name of the image">
<area shape=shape coords=area coordinate list href="URL of the link point">
<area shape=shape coords=area coordinate list href="URL of the link point">
<area shape=shape coords=area coordinate list href="URL of the link point">
<area shape=shape coords=list of area coordinates href="URL of the link"> </map>
[1] Define the shape -- shape
shape=rect:rectangle shape=circle:circle shape=poly:poly:poly
[2] Define the region -- coords
a. Rectangle: Four numbers must be used, the first two numbers are the upper left coordinates, and the last two numbers are the lower right coordinates
For example: <area shape=rect coords=100,50,200,75 href="URL">
b. Circle: Three numbers must be used, the first two numbers are the coordinates of the center of the circle, and the last number is the radius length
For example, <area shape=circle coords=85,155,30 href="URL">
c. Any figure (polygon): Fill in the coordinates of each turning point of the figure in order
For example: <area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"
2. Table related
1. Table title
<caption>……</caption>
Table header position -- align
<caption align="#"> #号可为 top: The table title is placed above the table (default value)
bottom: The table title is placed below the table
2. Define <tr>columns
3. Define the column 《1》<td>: Align to the left
《2》<th>: Align ii. bold
[1] Horizontal position -- align <th align="#">
#号可为 left: Align to the left
center:Align to the center Right:Align to the right
[2] Vertical position -- align <th align="#"> #号可为
top: Align up middle: Align to the center
bottom: Align down
[3] Column width -- width
<th width=number of points or percentage>
[4] Vertical merge of columns -- rowspan
<th rowspan=I want to merge the number of columns >
[5] Horizontal merge of columns -- colspan
<th colspan=I want to merge the number of columns>
3. FRAME
1. Split window command <frameset>......</frameset>
[1] Vertical (up/down) division -- rows
<frameset rows=#> #号可为点数: If you want to split it into three windows, 100, 200, 300, then
<frameset rows=100,200,300>； It can also be represented by an * sign, such as <frameset rows=*,500,*>
Percentage: For example< frameset rows=30%, 70% >, the sum of each item should be 100%
[2] Horizontal (left/right) splitting -- cols <frameset cols=points or percentage>
2. Specify the window content <frame>--
<frameset cols=30%,70%> <frame> <frame> </frameset>
[1] Specify the file name of the window -- src <frame src=HTML filename>
[2] Define the name of the window -- name
<frame name=window name>
[3] Set the distance between the file and the upper and lower borders -- marginheight
<frame marginheight=number of points>
[4] Set the distance between the file and the left and right borders -- marginwidth
<frame marginwidth=number of points>
[5] Set the split window scroll -- scrolling
<frame scrolling=#> #号可为 yes: Fixed scrolling reels
no: No scroll appears auto: Automatically determine whether the file size is required to scroll (default value)
[6] Lock the size of the split window -- noresize <frame noresize>
Mark Type Translation or Meaning Function Remarks
File tagging
<HTML> ● File declaration Lets the browser know that this is an HTML file
<HEAD> ● Beginning Provide the overall information of the document
<TITLE> ● Title Defines the title of the file, which will be displayed at the top of the browse
<BODY> ● This article designs the file format and the content of the text
Typography mark
<!-- Notes --> ○ Description Mark Add a description to the file, but it is not displayed
<P> ○ Paragraph markup Leave a blank line between words, drawings, tables, etc
<BR> ○ Line break marks Make words, drawings, tables, etc. appear on the next line
<HR> ○ Horizontal line Insert a horizontal line
<CENTER> ● Centered to display words, drawings, tables, etc. in the middle Opposition
<PRE> ● Preset format makes the file display according to the arrangement of the source code
<DIV> ● Separate markers Set the placement of words, drawings, tables, etc
<STRONG> ● Accentuate Tone Produces the effect of font bold bold
<B> ● Bold markup creates the effect of font bolding
<EM> ● Emphasis mark fonts have an italic effect
<I> ● Italic markup The font has an italic effect
<TT> ● Typing font Courier font with the same letter width
<U> ● Add a bottom line Add a bottom line against
<H1> ● The first-level title mark becomes thicker, larger and wider, and the degree is inversely proportional to the number of series
<H2> ● Secondary title markers make fonts thicker, larger, and wider
<H3> ● Three-level title markers: Make fonts thicker, larger, and wider
<H4> ● Four-level title marker to make the font thicker, larger and wider
<H5> ● Five-level title marker makes fonts thicker, larger, and wider
<H6> ● Six-level title marker to make the font bolder, larger, and wider
<FONT> ● Glyph markers Set glyphs, sizes, and colors against them
<BASEFONT> ○ Base glyph marker sets all glyphs, sizes, colors opposed
<BIG> ● Font enlargement Make the font slightly larger
<SMALL> ● Font Shrinking Make the font slightly smaller
<STRIKE> ● Draw a line to delete Add a strikethrough to the font Oppose
<CODE> ● Program code font is slightly wider, such as<TT>
<KBD> ● Keyboard font font is slightly widened, with a single blank
<SAMP> ● Example The font is slightly widened, such as<TT>
<VAR> ● Variable Italic effect
<CITE> ● Biographical quotes with italic effect
<BLOCKQUOTE> ● Quote text block indentation font
<DFN> ● Predicate definition Italic effect
<ADDRESS> ● Address marker italic effect
|
Posted on 12/22/2014 11:05:45 PM
|
|
|
Posted on 12/25/2014 11:42:59 PM