Summary of common htm labels and htm Summary
1. Structural Definition
File Type <HTML> </HTML> (put at the beginning and end of the file)
File topic <TITLE> </TITLE> (must be placed in the "Document Header" Block)
Header <HEAD> </HEAD> (descriptive materials, such as "subject 」)
Style <BODY> </BODY> (file BODY)
(Display style controlled by the browser)
Title <H?> </H?> (From 1 to 6, there are six layers to choose from)
Title alignment <H? ALIGN = LEFT | CENTER | RIGHT> </H?>
Differentiate <DIV> </DIV>
Differentiated ALIGN <div align = LEFT | RIGHT | CENTER | JUSTIFY> </DIV>
Quote block <BLOCKQUOTE> </BLOCKQUOTE> (usually shrink)
Emphasize <EM> </EM> (usually displayed in italic)
Special emphasis on <STRONG> </STRONG> (usually displayed in bold)
Citation <CITE> </CITE> (usually displayed in italic)
CODE <CODE> </CODE> (used to display the original CODE)
Sample <SAMP> </SAMP>
Keyboard Input <KBD> </KBD>
Variable <VAR> </VAR>
Definition <DFN> </DFN> (not available in some browsers)
ADDRESS <ADDRESS> </ADDRESS>
BIG words <BIG> </BIG>
SMALL text <SMALL> </SMALL>
Labels related to appearance (presented by the author)
Bold <B> </B>
Italic <I> </I>
Bottom line <U> </U> (Some browsers are not available yet)
Strikethrough <S> </S> (not provided by some browsers)
Subscript <SUB> </SUB>
Superscript <SUP> </SUP>
Typewriter <TT> </TT> (displayed with single space)
PRE format <PRE> </PRE> (retain the space size in the file)
WIDTH of the predefined format <pre width =?> </PRE> (calculated by character)
Align to CENTER <CENTER> </CENTER> (both text and images are supported)
Shining <BLINK> </BLINK> (the most mocking tag in History)
Font size <font size =?> </FONT> (from 1 to 7)
Change font size <font size = + |-?> </FONT>
Basic font SIZE <basefont size =?> (From 1 to 7; set to 3)
Font color <font color = '#$ $'> </FONT>
2. Links and graphics
Link <A href = '/url'> </A>
Link to the anchor <a href = 'url # *** '> </A> (if the anchor is in another file)
<A href = '# ***'> </A> (if the current file of the anchor)
Link to the TARGET video frame <A href = '/url' TARGET =' *** '> </A>
Set the anchor <a name = '***'> </A>
Image
Image matching mode
Image matching mode ALIGN = LEFT | RIGHT | TEXTTOP | ABSMIDDLE | BASELINE | ABSBOTTOM>
Replace text (this text is displayed if there is no way to display the image)
Click the figure (CGI program is required)
N2.0 click chart
N2.0 MAP <map name = '***'> </MAP> (description MAP)
N2.0 section <area shape = 'rect' COORDS = ', 'href ='/url' | NOHREF>
3.0 size (In pixels) N1.0 image edge (In pixels)
N1.0 graphic edge space (In pixels)
N1.0 low-resolution graphics
N1.1 user-Side Pull <META HTTP-EQUIV = 'refresh' CONTENT = '?; URL = url'> (automatically updated by the user)
N2.0 embedded object <EMBED src = '/url'> (insert the object to the page)
N2.0 embedded object size <EMBED src = '/url' WIDTH = '? 'Height = '? '>
3. Separate
Section <P> (usually two return statements)
3.0 section <P> </P> (new container label)
3.0 text check mode <p align = LEFT | CENTER | RIGHT> </P>
Line feed <BR> (a return)
N1.0 text section matching mode <br clear = LEFT | RIGHT | ALL> (when used with the image)
Horizontal line <HR>
N1.0 horizontal line ALIGN N1.0 horizontal line thickness N1.0 horizontal line WIDTH N1.0 horizontal line ratio WIDTH N1.0 solid line N1.0 cannot wrap <NOBR> </NOBR> (do not wrap)
N1.0 can be changed to a line <WBR> (if necessary, the line can be broken here)
List (nest-like list)
Unordered list <UL> <LI> </UL> (<LI> before each item)
N1.0 published list <ul type = DISC | CIRCLE | SQUARE> (define all list items)
<Li type = DISC | CIRCLE | SQUARE> (this is the list item after and is defined)
List in sequence <OL> <LI> </OL> (<LI> before each item)
N1.0 numeric TYPE <ol type = A | a | I | I | 1> (define all enumerated items)
<Li type = A | a | I | I | 1> (this is the list item after it is defined)
N1.0 start number <OL value =?> (Define all list items)
<LI value =?> (Define this and its following enumerated items)
Defined list <DL> <DT> <DD> </DL> (<DT> Project, <DD> definition)
<MENU> <LI> </MENU> (<LI> before each item)
Directory List <DIR> <LI> </DIR> (<LI> before each item)
Background and color
3.0 duplicate background <BODY background = '/url'>
N1.1 + background color <body bgcolor = '#$ $'> (red, green, and blue in sequence)
N1.1 + TEXT color <body text = '#$ $'>
N1.1 + LINK color <body link = '#$ $'>
N1.1 + link viewed <body vlink = '#$ $'>
Link Used in N1.1 <body alink = '#$ $'>
4. Special characters (the following tags must be in lower case)
Special symbol &#?; (Where? Indicates the encoding of ISO 8859-1)
<> &&''
Registered Trademark TM?
N1.0 + registered trademark TM?
Copyright symbol?
N1.0 + copyright?
5. Form (usually with CGI programs)
Define FORM <form action = 'url' METHOD = GET | POST> </FORM>
N2.0 Upload File <form enctype = 'multipart/form-data> </FORM>
INPUT field <input type = 'text | PASSWORD | CHECKBOX | RADIO | IMAGE | HIDDEN | SUBMIT | reset'>
Field NAME <input name = '***'>
Field value <INPUT value = '***'>
Selected <input checked> (applicable to checkboxes and radio boxes)
Column width <input size =?> (Unit: number of characters)
Maximum number of words <input maxlength =?> (Unit: number of characters)
Drop-down menu <SELECT> </SELECT>
Drop-down menu NAME <select name = '***'> </SELECT>
Number of menu items <select size =?> </SELECT>
MULTIPLE choice menu <select multiple> (MULTIPLE choices)
OPTION <OPTION>
Default OPTION <option selected>
Text input area <textarea rows =? COLS =?> </TEXTAREA>
NAME of the input area <textarea name = *** '> </TEXTAREA>
N2.0 input line breaks <textarea wrap = OFF | VIRTUAL | PHYSICAL> </TEXTAREA>
6. Table
3.0 define a TABLE <TABLE> </TABLE>
3.0 TABLE borders <table border> </TABLE> (with or)
N1.1 TABLE borders <table border =?> </TABLE> (you can set a value)
N1.1 storage space left and right white <table cellspacing =?>
<Table cellpadding =?>
N1.1 table width <table width =?> (In pixels)
N1.1 WIDTH ratio <table width = %> (page WIDTH: 100%)
3.0 table column <TR> </TR>
3.0 check the table column content <tr align = LEFT | RIGHT | center valign = TOP | MIDDLE | BOTTOM>
3.0 bucket <TD> </TD> (must be used with columns)
3.0 check the bucket content <td align = LEFT | RIGHT | center valign = TOP | MIDDLE | BOTTOM>
3.0 do not wrap <td nowrap>
N3.0 bucket background color <td bgcolor =## $>
3.0 storage grid horizontal connection <td colspan =?>
3.0 storage grid vertical connection <td rowspan =?>
N1.1 bucket WIDTH <td width =?> (In pixels)
N1.1 storage space WIDTH ratio <td width = %> (page WIDTH: 100%)
3.0 table title <TH> </TH>)
3.0 ALIGN table titles <th align = LEFT | RIGHT | center valign = TOP | MIDDLE | BOTTOM>
3.0 table title does not wrap <th nowrap>
3.0 what columns are the table titles in?> <th colspan =?>
3.0 what are the columns of table titles <th rowspan =?>
N1.1 table title WIDTH <th width =?> (In pixels)
N1.1 table title ratio WIDTH <th width = %> (the page WIDTH is 100%)
3.0 table header <CAPTION> </CAPTION>
3.0 view the table header <caption align = TOP | BOTTOM> (above/below the table)
Frame (define and control specific areas on the screen)
<FRAMESET> </FRAMESET> (replace <BODY>)
N2.0 frame row length allocation <frameset rows =,> </FRAMESET> (pixels or %)
N2.0 frame row length allocation <frameset rows = *> </FRAMESET> (* = relative size)
<Frameset cols =,> </FRAMESET> (pixels or %)
<Frameset cols = *> </FRAMESET> (* = relative size)
N2.0 defines individual frames <FRAME> (defines individual frames)
N2.0 FRAME content <FRAME src = '/url'>
N2.0 <frame name = *** '| _ blank | _ self | _ parent | _ top>
N2.0 edge width <frame marginwidth =?> (Border between "Left" and "right)
N2.0 edge height <frame marginheight =?> (Border between "tianding" and "bottom)
N2.0 scroll bar <frame scrolling = 'Yes | NO | auto'>
N2.0 cannot be changed <frame noresize>
Content when N2.0 ignores the box <NOFRAMES> </NOFRAMES> (if the browser does not provide the frame function)
7. Miscellaneous
Description <! -- *** --> (Not displayed in the browser)