HTML code Overview

Source: Internet
Author: User
Tags format definition

1. Structural Definition
File Type <HTML> File topic <title> </title> (must be placed in the "Document Header" Block)
Header Style <body> </body> (file body)
(Display style controlled by the browser)
Title Title alignment Differentiate <div> </div> 〉
Differentiated alignment <Div align = left | right | center | justify> </div> 〉
Quote block <BLOCKQUOTE> </BLOCKQUOTE> (usually scaled down)
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> 〉
Enter "KBD" on the keyboard </KBD> 〉
Variable <var> </var> 〉
Define <dfn> </dfn> (not available in some browsers)
Address <address> </address> 〉
Dashboard <big> </big> 〉
Small text <small> </small> 〉
Labels related to appearance (presented by the author)
Bold <B> </B> 〉
Italic <I> </I> 〉
Bottom line <u> </u> (not available in some browsers)
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> (both text and images are supported)
Shine <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 method 〉
Image matching method Align = left | right | texttop | absmiddle | baseline | absbottom> 〉
Replace the text (this text is displayed if there is no way to display the image)
Click the figure (CGI program is required)
N2.0 click graph "〉
N2.0 Map <Map Name = "***"> </map> (description map)
N2.0 section <area shape = "rect" coords = "," href = "url" | nohref> 〉
The size of 3.0 (In pixels) n1.0 graphic edge (In pixels)
N1.0 image edge space (In pixels)
N1.0 low-resolution image "〉
N1.1 client 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 matching method <p align = left | center | right> </P> 〉
Line feed <br> (a return)
N1.0 text section matching method <br clear = left | right | all> (when used with the image)
Horizontal line <HR> 〉
N1.0 horizontal alignment <HR Align = left | right | center> 〉
N1.0 horizontal line thickness <HR size =? > (In pixels)
N1.0 horizontal line width <HR width =? > (In pixels)
N1.0 horizontal line ratio width <HR width = %> (100% in page width)
N1.0 solid line <HR noshade> (no stereoscopic effect)
N1.0 cannot wrap <nobr> </nobr> (do not wrap)
N1.0 can change the line <WBR> (if necessary, the line can be broken here)
List (nest-like list)
List <ul> <li> </ul> in an unordered manner (<li> before each item)
N1.0 publishes an example to list <ul type = disc | circle | square> (define all list items)
<Li type = disc | circle | square> (define this and its list items)
List <ol> <li> </OL> in sequence (<li> before each item)
N1.0 numeric type <ol type = A | I | 1> (define all the enumerated items)
<Li type = A | I | 1> (define this and its list items)
N1.0 start number <ol value =? > (Define all list items)
<Li value =? > (Define this and its subsequent listing items)
Defined list of <DL> <DT> <DD> </dl> (<DT> Project, <DD> definition)
List <menu> <li> </menu> in a form (<li> before each item)
List <dir> <li> </dir> in a directory (<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 Read <body vlink = "#$ $"> "〉
Link in n1.1 usage <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 = "***"> "***"〉
Infield 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-choice)
Option <option> 〉
Set the option <option selected> 〉
Text input area <textarea rows =? Cols =? > </Textarea> 〉
Name of the input area <textarea name = "***"> </textarea> 〉
N2.0 line feed mode <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 in <tr align = left | right | center valign = Top | Middle | bottom> 〉
3.0 bucket <TD> </TD> (must be used with columns)
3.0 check the content of the bucket <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 join <TD rowspan =? > 〉
N1.1 storage space width <TD width =? > (In pixels)
N1.1 storage space width ratio <TD width = %> (the page width is 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 does table titles occupy? <TH colspan =? > 〉
3.0 what columns does table titles occupy? <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)
N2.0 frame format definition <frameset> </frameset> (replace <body> 〉)
N2.0 frame row length distribution <frameset rows =,> </frameset> (pixels or %)
N2.0 frame row length allocation <frameset rows = *> </frameset> (* = relative size)
<Frameset Cols =,> </frameset> (pixels or %)
N2.0 frame bar width distribution <frameset Cols = *> </frameset> (* = relative size)
N2.0 defines an individual frame <frame> (defines an individual frame)
N2.0 frame content <frame src = "url"> "〉
N2.0 frame names <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 of the n2.0 ignore box <noframes> </noframes> (if the browser does not provide the frame function)
7. Miscellaneous
Description <〈! -- *** --> (Not displayed in the browser)

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.