Detailed explanation of HTML table inline format

Inline format

Attribute Name Attribute Value Description

align left
center
right
valign top
middle
bottom
span number inline number

bgcolor color background color

Individual inline settings

Format: <col> has the same function as <colgroup>

XML/HTML CodeCopy content to clipboard

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< title > Table inline format </ title >
</ head >
< body >
< table cellpadding = "5px" cellspacing = "0px" border = "1px" bordercolor = "black" >
<!--Description: Use two sets of colgroup tags to control the entire third column to display in red
The span = "2" in the first colgroup is equivalent to a placeholder, so the third column (the entire math column) will be displayed in red.
Similarly, if you set span = "3" , the fourth column (the entire English column) will be displayed in red.
< colgroup span = "2" > </ colgroup >
< colgroup bgcolor = "red" > </ colgroup >
-- >
<!-- < col > has the same functionality as < colgroup >
Set the <col> tag to achieve the same function as <colgroup>
Here, we add align = "right" to set the third column (the entire math column) to be right-aligned.
-- >
< col span = "2" />
< col bgcolor = "red" align = "right" />
< caption align = "left" > Student score sheet </ caption >
< tr >
< th > Name </ th >
< th > Chinese </ th >
< th > Mathematics </ th >
< th > English </ th >
</ tr >
< tr >
< td > Zhang San </ td >
< td > 90 </ td >
< td > 89 </ td >
< td > 99 </ td >
</ tr >
< tr >
< td > Li Si </ td >
< td > 98 </ td >
< td > 92 </ td >
< td > 96 </ td >
</ tr >
< tr >
< td > Wang Wu </ td >
< td > 92 </ td >
< td > 97 </ td >
< td > 91 </ td >
</ tr >
< tr >
< td > Total score </ td >
< td > 200 </ td >
< td > 200 </ td >
< td > 200 </ td >
</ tr >
</ table >
</ body >
</ html >

The above is all the content of the detailed explanation of HTML table inline format brought to you by the editor. I hope it will be helpful to you. Please support 123WORDPRESS.COM~

<<: Complete steps to install MySQL 5.5 on CentOS

>>: Docker Consul Overview and Cluster Environment Construction Steps (Graphical Explanation)