Tables in HTML

Source: Internet
Author: User

before you talk about the form, look at a few pieces of Html .

Html Table

then go to the point, in fact, the process of implementation is very simple, only need to master the Html table Properties is OK . It then uses the Html table's properties to stitch up the table, and then, by changing the color of the table, the graphic shown above is eventually displayed.

Html basic structure of the table

<table>...</table>: Defining tables

<tr>...</tr>: defining Table Rows

<td>...</td>: Defining table Columns

<th>...</th>: define title bar (text bold)

Html Table Properties

Property

Use

<table bgcolor= "" >

Set the background color of a table

<table background= "" >

Set a picture of the background

<table border= "" >

Sets the width of the border by default to 0

<table cellpadding= "" >

Sets the amount of space between the cell border and its interior, which defaults to 2

<table cellpacing= "" >

Set the size of space between table cells by default of 2

<table bordercolor= "" >

Set the color of the table border

<table bordercolorlight= "" >

Set the color of the bright part of the border

<table bordercolordark= "" >

Set the color of the dark part of the border

<table align= "" >

Set Table Alignment

<table width= "" >

Set the width of a table

Properties of column Cells

Property

Use

<TD width= "" >

Set the width of a cell

<TD height= "" >

Set the height of a cell

<TD bgcolor= "" >

Set the background color of a cell

<TD align= "" >

Set the horizontal alignment of cells

<TD rowspan= "" >

Set the number of cell row merges

<TD colspan= "" >

Set the number of cell columns to merge

<TD nowarp= "nowrap" >

Set not wrap in cell

Source

Well, after some of the properties of the Html table explained above, it's easy to learn by practicing the Demo .

  


Summarize:

through the recent study of Html, it is easier to find than programming language, as long as basically familiar with the next syntax, a little practice is OK , and do not know careful friends notice that the above words are very easy , look at the basic understanding of what is meant, do not understand, check the Html manual can be. But Html is also a careful work, like we often see the page, the need for art, the spacing between the title bar settings, etc., needs to be patient and meticulous beautification of the Web page, so in the future to learn more practice, more patience, you can certainly put the Html learn well.

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.