Summary of common htm labels and htm Summary

Source: Internet
Author: User

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)

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.