A concise guide to HTML Hyper-text Markup language

Source: Internet
Author: User
Tags format define object definition end header relative w3 html

General class (all HTML files are available)

File type <HTML></HTML> (put at the beginning and end of the file)

File Theme <TITLE></TITLE> (must be placed in the "header" block)

Header <HEAD></HEAD> (descriptive material, such as "subject")

Stylistic <BODY></BODY> (document Ontology)

-----------------------------------------------------------------------

Structural definition (display style controlled by the browser)

Title <H?></H?> (from 1 to 6, with six layers selected)

3.0 The alignment

3.0 Distinction <DIV></DIV>

3.0 Differentiated Alignment <div align=left| Right| center| Justify></div>

Citation blocks <BLOCKQUOTE></BLOCKQUOTE> (usually indented)

Emphasis on <EM></EM> (usually shown in italics)

Special emphasis on <STRONG></STRONG> (usually shown in bold)

Citation <CITE></CITE> (usually shown in italics)

Code <CODE></CODE> (display original code)

Sample <SAMP></SAMP>

Keyboard input <KBD></KBD>

Variables <VAR></VAR>

Definition <DFN></DFN> (some browsers are not available)

Address <ADDRESS></ADDRESS>

3.0 characters <BIG></BIG>

3.0 Small Print <SMALL></SMALL>

-----------------------------------------------------------------------

Appearance-related labels (the author's own style of expression)

Bold <B></B>

Italic <I></I>

3.0 Bottom Line <U></U> (some browsers are not available)

3.0 Strikethrough <S></S> (some browsers are not available)

3.0 Subscript <SUB></SUB>

3.0 Superscript <SUP></SUP>

Typewriter body <TT></TT> (display with single space font)

Predefined format <PRE></PRE> (keep the size of the file hollow)

The width of the predefined format <pre width=?></pre> (in characters)

n1.0+ to <CENTER></CENTER> (both text and pictures can be)

N1.0 Sparkle <BLINK></BLINK> (the most derided label ever)

N1.0 Font size <font size=?></font> (from 1 to 7)

N1.0 Change font size <font size=+|-?></font>

N1.0 Basic Font Size <basefont size=?> (from 1 to 7; The default is 3)

N2.0 Font Color <font color= "#$$$$$$" ></FONT>

-----------------------------------------------------------------------

Links and Graphics

Link <a href= "URL" ></A>

Link to anchor point <a href= "url#***" ></A> (if anchor is in another file)

<a href= "#***" ></A> (if anchor current file)

N2.0 link to the destination frame <a href= "URL" target= "* *" ></A>

Set anchor point <a name= "* *" ></A>

Graphics

Graphics

N1.0 graphics

Align=left| Right| texttop| absmiddle| baseline| Absbottom>

Replace text (Display this text if there is no way to display graphics)

Click the graph (requires a CGI program)

N2.0 dot

N2.0 map <map name= "* *" ></MAP> (description map)

N2.0 paragraph <area shape= "RECT" coords= ",,," href= "URL" | Nohref>

3.0 size (in pixels)

N1.0 Graphics Edge (in pixels)

N1.0 Graphics Edge Space (in pixels)

N1.0 Low resolution graphics

N1.1 User Pull <meta http-equiv= "Refresh" content= "?; Url=url "> (Automatic Update with end)

N2.0 Inline Object <embed src= "URL" > (inserting an object into a page)

N2.0 Inline Object size <embed src= "URL" width= "?" Height= "?" >

-----------------------------------------------------------------------

Separated

Paragraph <P> (usually two return)

3.0 paragraph <P></P> (newly defined as container-type label)

3.0 Text Style <p align=left| center| Right></p>

Linefeed <BR> (one return)

N1.0 text part of the way <br clear=left| Right| All> (when combined with graphics)

Horizontal <HR>

N1.0 Horizontal Alignment

N1.0 Horizontal line thickness

N1.0 Horizontal line width

N1.0 horizontal ratio width

N1.0 Solid Line <HR noshade> (no stereo effect)

N1.0 can not be wrapped <NOBR></NOBR> (no line wrap)

N1.0 <WBR> (can break this line if needed)

-----------------------------------------------------------------------

Enumerate (can nest-like enumeration)

No-order enumeration <UL><LI></UL> (<LI> placed before each item)

N1.0 published list <ul type=disc| circle| Square> (define all the enumerations)

<li type=disc| circle| Square> (Define this and the subsequent enumeration)

In-Order enumeration <OL><LI></OL> (<LI> placed before each item)

N1.0 number Standard form <ol type=a|a| I|i|1> (define all the enumerations)

<li type=a|a| I|i|1> (Define this and the subsequent enumeration)

N1.0 start digit <ol value=?> (define all enumerations)

<li value=?> (Define this and the subsequent enumeration)

Definition list <DL><DT><DD></DL> (<DT> project, <DD> definition)

Form List <MENU><LI></MENU> (<LI> before each item)

Catalog Enumeration <DIR><LI></DIR> (<LI> placed before each item)

-----------------------------------------------------------------------

Background and color

3.0 Repeating background <body background= "URL" >

n1.1+ background color <body bgcolor= "#$$$$$$" > (red, Green, blue)

n1.1+ text color <body text= "#$$$$$$" >

n1.1+ link color <body link= "#$$$$$$" >

n1.1+ has seen the link <body vlink= "#$$$$$$" >

N1.1 in Use links <body alink= "#$$$$$$" >

-----------------------------------------------------------------------

Special characters (the following labels are required for lowercase)

Special Symbols &#?; which? On behalf of ISO 8859-1 code)

< < > > & & ""

Registered trademark tm®

n1.0+ Registered trademark tm®

Copyright Symbol ©

n1.0+ Copyright Symbol ©

-----------------------------------------------------------------------

Forms (usually required with CGI programs)

Define the form <form action= "URL" method=get| Post></form>

N2.0 upload file <form enctype= "multipart/form-data></form>

Enter field <input type= "text| password| Checkbox| radio| image| hidden| Submit| RESET ">

Field name <input name= "* *" >

Field default <input value= "* *" >

<input checked> selected (applicable to checkboxes and radio boxes)

Field width <input size=?> (in bytes)

Maximum number of words <input maxlength=?> (in characters)

Pull-down Menu <SELECT></SELECT>

Pull-down Menu Name <select name= "* *" ></SELECT>

menu item Quantity <select size=?></select>

Multi-selection Menu <select multiple> (multiple selection)

Options <OPTION>

Default Options <option selected>

Text input area <textarea rows=? Cols=?></textarea>

Input zone name <textarea name= "* *" ></TEXTAREA>

N2.0 input area wrapping way <textarea wrap=off| virtual| Physical></textarea>

-----------------------------------------------------------------------

Form

3.0 definition Form <TABLE></TABLE>

3.0 form Border <table border></table> (with or without)

N1.1 table Border <table border=?></table> (you can set numeric values)

N1.1 storage cell left and right left white <table cellspacing=?>

N1.1 storage lattice up and down white <table cellpadding=?>

N1.1 Table width <table width=?> (in pixels)

N1.1 width ratio <table width=%> (page width is 100%)

3.0 Table Columns <TR></TR>

3.0 table column Content <tr align=left| Right| CENTER valign=top| middle| Bottom>

3.0 cell <TD></TD> (must be used with column)

3.0 Cell Content <td align=left| Right| CENTER valign=top| middle| Bottom>

3.0 do not change line <TD nowrap>

N3.0 cell background Color <TD bgcolor=#$$$$$$>

3.0 storage grid Transverse connection <TD colspan=?>

3.0 Storage grid longitudinal connection <TD rowspan=?>

N1.1 cell width <td width=?> (in pixels)

N1.1 cell width ratio <td width=%> (page width is 100%)

3.0 table Title <TH></TH> (same as <TD>, but bold)

3.0 table headings Align <th align=left| Right| CENTER valign=top| middle| Bottom>

3.0 table headings do not wrap <th nowrap>

3.0 table headings occupy a few columns <th colspan=?>

3.0 table headings occupy a few columns <th rowspan=?>

N1.1 table Header width <th width=?> (in pixels)

N1.1 table header ratio width <th width=%> (page width is 100%)

3.0 Form Head <CAPTION></CAPTION>

3.0 forms up to par <caption align=top| Bottom> (above the table/below)

-----------------------------------------------------------------------

Viewport (defines and controls specific areas on the screen)

N2.0 view box format general definition <FRAMESET></FRAMESET> (replace <BODY>)

N2.0 line length allocation <frameset rows=,,, ></FRAMESET> (pixels or%)

N2.0 view box row length allocation <frameset rows=*></frameset> (* = relative size)

N2.0 column width <frameset cols=,,, ></FRAMESET> (pixels or%)

N2.0 Column Width <frameset cols=*></frameset> (* = relative size)

N2.0 Define individual frames <FRAME> (define individual frames)

N2.0 Individual View frame content <frame src= "URL" >

N2.0 individual View frame name <frame name= "* * *" |_blank|_self|_parent|_top>

N2.0 Edge width <frame marginwidth=?> ("left" and "right" boundary)

N2.0 Edge height <frame marginheight=?> ("Zenith" and "underground" border)

N2.0 scroll bar <frame scrolling= "yes|no| AUTO ">

N2.0 can not change the size <frame noresize>

N2.0 ignore the contents of the box <NOFRAMES></NOFRAMES> (if the browser does not provide the visual box function)

-----------------------------------------------------------------------

Miscellaneous

Description <!--* * *--> (Browser will not display)

File type declaration <! DOCTYPE HTML PUBLIC "-//ietf//dtd HTML 2.0//en" >

3.0 File Type declaration <! DOCTYPE HTML PUBLIC "-//w3o//dtd W3 HTML 3.0//en" >

Searchable <ISINDEX> (indicates searchable index entries)

N1.0 prompts <isindex prompt= "* * *" > (prompt text required to enter)

Send out search conditions <a href= "url?***" ></a> (where the question mark is not a number but a "question mark")

URL of the base file <base href= "url" > (must be placed in the "header" section)

N2.0 Basic window name <base target= "* * *" > (must be placed in the "Wen tou" section)

Relevance <link rev= "* *" rel= "* * *" href= "URL" > (must be placed in the "header" section)

Background information <META> (must be placed in the "Text Header" section)



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.