HTML and table knowledge

Source: Internet
Author: User
Tags control label

  

Control information on a Web page

<title> page title </title>

  

  <body>

What the page displays

  </body>

  <!--comment Content-- comments

Properties of the body:

BgColor page background color

  Text text color

  TopMargin on page margin

  LeftMargin left page margin

  RightMargin Right page margin

  Bottomargin Next page margin

Background background Wallpaper

_______________________________________________________________________________________________________________ _________________

General label

1 Format Control label

  <font color= "" face= "" size= "" ></font> control font;color= "# #FF0000"; face, font,size, font.

  <b></b> Font Bold

  <i></i> Tilt

  <u></u> Underline

  <strong></strong> font Bold (emphasis, tone reinforcement)

  <em></em> font Tilt (emphasis, tone enhancement)

  <center></center> Center

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

&nbsp; indicates that spaces can also be pressed in the design page ctrl+shift+space

_______________________________________________________________________________________________________________ __________________

2 Content Container Labels

  the HTML title (Heading) is defined by tags such as

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

  <div></div> Layer Label (default line)

  <span></span> Layer Labels (how much space is used by default)

  <ol type= "1" >--sequential list with a serial number of ... , you can change the ordinal form in quotation marks

    <li> content </li>

    <li> content </li>

  </ol>--The above "ol" to "UL" is an unordered list

“.. /"indicates the parent directory

"./" indicates the current directory

Relative path: Finds from the current page.

_______________________________________________________________________________________________________________ _________________

_______________________________________________________________________________________________________________ _________________

Form

<table></table> Forms

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

    border: Border. Common value 0.

    CellPadding: The margin between the content and the cell border. Common value 0.

    cellspacing: The spacing between cells. Common value 0.

    Align: Alignment.

    bgcolor: Background color.

Background: Background image.

  <tr></tr> Line

    Align: horizontal alignment of the contents of a row

    valign: Vertical alignment of the contents of a line

    Height: Row Height

    bgcolor: Background color

Background: Background image

  <td></td> cell

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

    Align: How the contents of a cell are aligned

    valign: Vertical alignment of the contents of a 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 at the same time

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

    Colspan= "n" merges the same row of cells (followed by the code to subtract the corresponding column )

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

_______________________________________________________________________________________________________________ ________________

_______________________________________________________________________________________________________________ ________________

HTML and table knowledge

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.