Home > Article > Web Front-end > Detailed explanation of table tags in html

Detailed explanation of table tags in html

迷茫Original: 2017-03-25 11:31:461669browse

Statement 1: The text here is copied from my own csdn account. It is the crystallization of my own learning and summary, so please respect this work. 2: If you want to reprint this article, you must indicate the source of the text. 3: If there is anything wrong, please point it out.

In the previous article, I mainly talked about some basic tags of http, such as link tags, image tags, html frames, etc. Then the next step will focus on table tags and list tags. , a detailed explanation of form tags

1: Table tags

##f5d188ed2c074f8b944552db028f98a1f16b1740fad44fb09bfe928bcc527e08 Table tags

我的好朋友
姓名	性别	年龄	爱好
小红	女	20	跳舞
小舵	女	24	唱歌

Note: ##a34de1251f0d9fe1e645927f19a896e8 fd273fcf5bcad3dfdad3c41bd81ad3e5 The label is used to represent the line

b6c5a531a458a2e790c1fd6421739d1c b90dd5946f0946207856a8a37f441edf The label is used to represent the column

b4d429308760b6c2d20d6300079ed38e 01c3ce868d2b3d9bce8da5c1b7e41e5b The label is used to represent the title of the table, usage and b6c5a531a458a2e790c1fd6421739d1c 90cc1e42bbf9b97c5947038eac7f874e The same, but the content inside will be automatically enlarged and bolded

border using using through together using using using using out off out out out out off out through out out out through out out out out out out through - t's Set the height of the table, the unit is pixel

cellspacing Set the distance between cells, which refers to the spacing of the table border

cellpadding Set the distance between the text and the cell border

bgcolor Set the background color of the table

align Used to set the alignment, such as center, left, right

63bd76834ec05ac1f4c0ebbeaafb0994 The header name37eb775bb5a9e6f3d094e96a76117fe8 is used to represent the header

(2) About merging cells



         
        table中合并单元格
    

    
          

                  
                     1
                     占两列     
                     
                     2
                 

                   
                     占两行    
                     3
                     4
                     5
                 

                  
                    
                     6
                     7
                     8

Note

: When you enter different content in each cell of the table, your content will change with different lengths. If you want each cell to maintain There are two ways to make the same size: 1; For example, when the total height of your table is 400 and you set 4 rows, then add attributes to each a34de1251f0d9fe1e645927f19a896e8 tag: hight=100; which is equivalent to even distribution, and use the same width for the same width. method. 2: It will be simpler than the first one, which is to set the css style and fix the size of tr and td

2: List tag

The running results are as follows:

3: Form

80e4a4b497ba87d4db7bd7777678eee0f5a47148e367a6035fd7a2faa965022e Form tag##

The rendering is as follows:

The above is the detailed content of Detailed explanation of table tags in html. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Detailed explanation of DIV+CSS layout styleNext article：Detailed explanation of DIV+CSS layout style

See more

Detailed explanation of table tags in html

我的好朋友

Related articles