Summary of common HTML Markup

Source: Internet
Author: User

Common HTML mark


Basic flag
<HTML> <Head> <Body> </body> set the subject part of the document.


Overall document attribute flag
<Body bgcolor = ""> set the background color. Use the name or the hexadecimal value of RGB
<Body text = ""> set the text color. Use the name or the hexadecimal value of RGB
<Body link = ""> set the link color. Use the name or the hexadecimal value of RGB
<Body vlink = ""> set the color of the used link. Use the name or the hexadecimal value of RGB
<Body alink = ""> set the color of the link being hit. Use the name or the hexadecimal value of RGB

Image flag
embed an image in an HTML document
arrange and align an image: Left, center, right, top, center, and bottom.
set the border size of the image.
<HR> Add a horizontal line
<HR size = ""> set the thickness of the horizontal line
<HR width = ""> set the width of the horizontal line. It can be a percentage or absolute pixel.
<HR noshade> horizontal line without shadow

Table flag
<Table> </table> Create a table
<Tr> </tr> each row in the table
<TD> </TD> each grid in a row in the table
<TH> </Th> set the table header: Usually the text in the center of the black body.
<Table border = ""> set the Border Width
<Table cellspacing = ""> set the size of space between table cells.
<Table cellpadding = ""> set the size of the space between the grid border and its internal content.
<Table width = ""> set the table width. Percentage with absolute pixel value or total width
<Tr align = ""> set the horizontal alignment of the table grid (left-middle-right)
<Tr valign = ""> set the vertical alignment of the table lattice (upper and lower layers)
<TD colspan = ""> set the number of columns across a table grid (default value: 1)
<TD rowspan = ""> set the number of rows that a table grid occupies (the default value is 1)
<TD nowrap> disable automatic row disconnection for content in the table Grid
 

Title flag
<Title> </title> place the document question in the title bar of the browser.

Text flag
<PRE> </PRE> pre-formatted text
<H1> <H6> </H6> Minimum title
<B> </B> in bold
<I> </I> italics
<Tt> </tt> typewriter font
<Cite> </CITE> reference, usually in Italic
<Em> </em> emphasize text (usually italic and simhei)
<Strong> </strong> aggravate text (usually italic and simhei)
<Font size = ""> </font> set the font size from 1 to 7.
<Font color = ""> </font> set the font color and use the name or the hexadecimal value of RGB.

Link flag
<A href = "url"> </a> Create a hypertext link
<A href = "mailto: email">
</A> create a link for automatically sending emails
<A name = "name"> </a> Create a bookmarks inside the document
<A href = "# name"> </a> create a link pointing to a bookmarks in the document.

Frame flag
<Frameset> </frameset> before the <body> label of a frame file, it can also be embedded in other frame documents.
<Frameset rows = "value, value"> defines the number of rows in a frame. The absolute pixel value or percentage of height can be used.
<Frameset Cols = "value, value"> defines the number of columns in a frame. The absolute pixel value or percentage of width can be used.
<Frame> defines a single window or window area within a frame.
<Noframes> </noframes> defines what prompts are displayed in browsers that do not support frames.
<Frame src = "url"> specifies the HTML document displayed within the frame
<Frame name = "name"> name a frame or region so that other frames can point to it.
<Frame marginwidth = ""> defines the blank size of the left and right edges of a frame, which must be greater than or equal to 1.
<Frame marginheight = ""> defines the size of white space at the upper and lower margins of a frame, which must be greater than or equal to 1.
<Frame scrolling = ""> set whether a frame has a scroll bar. The value can be "yes", "no", or "Auto"
<Frame noresize> you are not allowed to adjust the size of a frame.


 

Format flag
<P> </P> Create a paragraph
<P align = ""> align the section to the left, center, and right
<Br> insert a carriage return line break.
<BLOCKQUOTE> </BLOCKQUOTE> indent text from both sides
<DL> </dl> definition list
<DT> before each definition term
<DD> before each definition
<Ol> </OL> Create a list marked with numbers
<Ul> </ul> Create a list with dots
<Li> before each list item, if a number is added between <ol> </OL>, if there is a dot between <ul> </ul>
<Div align = ""> </div> is used to print large HTML sections and format tables.

Form flag
<Form> </form> Create a form
<Select multiple name = "name" size = ""> </SELECT> Create a scroll menu and set the size to the number of table items that can be viewed before scrolling.
<Option> set the content of each form item
<Select name = "name"> </SELECT> Create a drop-down menu
<Option> set the content of each menu item
<Textarea name = "name" Cols = 40 rows = 8> </textarea> Create a text box, set the width of the number of columns, and set the height of the number of rows.
<Input type = "checkbox" name = "name"> Create a check box with the text following the label.
<Input type = "radio" name = "name" value = "> Create a singleton with text following the flag
<Input type = text name = "foo" size = 20> create a single-line text input area, and set the size to the string width.
<Input type = "Submit" value = "name"> Create and submit button
<Input type = "image" border = 0 name = "name" src = "name.gif"> Create a submit button
<Input type = "reset"> Create reset button

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.