HTML Tag Table

Source: Internet
Author: User
Tags control label

Body Properties of:

BgColor page background color

Background background wallpaper, pictures

Text text color

TopMargin Top Margin

LeftMargin left Margin

RightMargin Right Margin

BottomMargin Bottom Margin

Body Examples of property usages:

Format Control Tags:

<font color= "" face= "" size= "" ></font>

Controls the color, font, and size of the font, respectively.

<b></b> Font Bold

<strong></strong> Font Bold

<i></i> Tilt

<em></em> Tilt

<u></u> Underline

<center></center> Center

<br> or <br/> equivalent to carriage return

&nbsp; Represents a space, ctrl+shift+space

Example of Format Control label use:

Content container Tags:

. . . Defined by tags such as

<p></p> paragraph labels (blank lines between paragraphs)

<div></div> Layer Labels (one row by default)

<span></span> Layer Labels (the default is how much space is used to occupy much space)

<ol type= "1" > with sequence list, ordinal of ...., you can change the form of an ordinal in quotation marks

<li> content <li>

<li> content <li>

</ol> above the ol changed to UL to become no serial list

Example:

".. /"indicates the parent directory

"./" indicates the current directory

Relative path: Finds from the current page.

Absolute path: Search from the root of the site. "/", which represents the root of the site.

Hyperlink Tags:

<a href= "hyperlink address" target= "_blank" > Hyperlink text </a>--opens in a new window

You can also find a hyperlink to a directory on the current page to automatically jump to a location on the page.

Example:

Picture Tags:

Height and width set one to maintain the original proportions.

ALT displays text when the picture cannot be loaded, and also helps search engines.

Title can be added to the picture description, the mouse on the picture when the description can be displayed.

Example:

Form:

<table></table> Forms

Width: wide. Can be expressed in pixels or percentages. Commonly used 960 pixels.

Border: Border, common value is 0.

CellPadding: The distance between the content and the border, with a common value of 0.

cellspacing: The spacing between cells and cells, with a common value of 0.

Algin: Alignment.

bgcolor: Background color.

Background: Background image.

<tr></tr> Line

Align: The horizontal alignment of a line of content.

valign: The vertical alignment of a line of content.

Height: Row height.

bgcolor: Background color.

Background: Background image.

<td></td> cell

<th></th> header, cell contents are automatically centered, bold

Align: How cell content is aligned.

valign: The vertical alignment of the contents of the cell.

Width: cell width.

Height: cell height.

bgcolor: Background color.

Background: Background image.

The contents must be placed in the cell, the cell must be in the row, and the row must be placed in the table.

When you set the row height and sizing of a cell, the corresponding row or column is affected.

Cell Merging: (It is recommended to use table nesting as far as possible)

Colspan= "n" merges cells of the same row (the corresponding columns are subtracted from the following code)

Rowspan= "n" merges the same column cell (minus the corresponding column starting from the second row)

Table Example:

Body Properties of:

BgColor page background color

Background background wallpaper, pictures

Text text color

TopMargin Top Margin

LeftMargin left Margin

RightMargin Right Margin

BottomMargin Bottom Margin

Body Examples of property usages:

Format Control Tags:

<font color= "" face= "" size= "" ></font>

Controls the color, font, and size of the font, respectively.

<b></b> Font Bold

<strong></strong> Font Bold

<i></i> Tilt

<em></em> Tilt

<u></u> Underline

<center></center> Center

<br> or <br/> equivalent to carriage return

&nbsp; Represents a space, ctrl+shift+space

Example of Format Control label use:

Content container Tags:

. . . Defined by tags such as

<p></p> paragraph labels (blank lines between paragraphs)

<div></div> Layer Labels (one row by default)

<span></span> Layer Labels (the default is how much space is used to occupy much space)

<ol type= "1" > with sequence list, ordinal of ...., you can change the form of an ordinal in quotation marks

<li> content <li>

<li> content <li>

</ol> above the ol changed to UL to become no serial list

Example:

".. /"indicates the parent directory

"./" indicates the current directory

Relative path: Finds from the current page.

Absolute path: Search from the root of the site. "/", which represents the root of the site.

Hyperlink Tags:

<a href= "hyperlink address" target= "_blank" > Hyperlink text </a>--opens in a new window

You can also find a hyperlink to a directory on the current page to automatically jump to a location on the page.

Example:

Picture Tags:

Height and width set one to maintain the original proportions.

ALT displays text when the picture cannot be loaded, and also helps search engines.

Title can be added to the picture description, the mouse on the picture when the description can be displayed.

Example:

Form:

<table></table> Forms

Width: wide. Can be expressed in pixels or percentages. Commonly used 960 pixels.

Border: Border, common value is 0.

CellPadding: The distance between the content and the border, with a common value of 0.

cellspacing: The spacing between cells and cells, with a common value of 0.

Algin: Alignment.

bgcolor: Background color.

Background: Background image.

<tr></tr> Line

Align: The horizontal alignment of a line of content.

valign: The vertical alignment of a line of content.

Height: Row height.

bgcolor: Background color.

Background: Background image.

<td></td> cell

<th></th> header, cell contents are automatically centered, bold

Align: How cell content is aligned.

valign: The vertical alignment of the contents of the cell.

Width: cell width.

Height: cell height.

bgcolor: Background color.

Background: Background image.

The contents must be placed in the cell, the cell must be in the row, and the row must be placed in the table.

When you set the row height and sizing of a cell, the corresponding row or column is affected.

Cell Merging: (It is recommended to use table nesting as far as possible)

Colspan= "n" merges cells of the same row (the corresponding columns are subtracted from the following code)

Rowspan= "n" merges the same column cell (minus the corresponding column starting from the second row)

Table Example:

HTML Tag Table

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.