Make Table Font Bold - Tags « HTML / CSS

Make table font bold : table « Tags « HTML / CSS

Make table font bold

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title> My favorite records </title> <style rel='stylesheet' type='text/css'> body { margin: 0; } table { width: 100%; border: thin solid black; border-collapse: collapse; } td { border: thin solid black; } th, tfoot td { border: thin solid black; text-align: center; font-weight: bold; } tbody td { font-size: 120%; } caption { font-size: 90%; text-align: right; } td, th, caption { padding: 5px; } </style> </head> <body> <table> <caption> Table: My favorite records. </caption> <colgroup> <col id='album' /> <col id='artist' /> <col id='released' /> </colgroup> <thead> <tr> <th> album </th> <th> artist </th> <th> released </th> </tr> </thead> <tbody> <tr> <td> R</td> <td> T</td> <td> 1</td> </tr> <tr> <td> B</td> <td> V</td> <td> 1</td> </tr> <tr> <td> Q</td> <td> Q</td> <td> 1</td> </tr> <tr> <td> M</td> <td> T</td> <td> 1</td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </tbody> <tfoot> <tr> <td> album </td> <td> artist </td> <td> released </td> </tr> </tfoot> </table> </body> </html>

Related examples in the same category

1.'table' Example
2.Nested tables
3.How tables linearize
4.A basic table
5.'col' Example
6.'summary' specifies a brief description of a table
7.basic table
8.Basic table with tr, td
9.A simple XHTML table
10.table tag opens a table
11.Table inline style
12.Calendar table
13.Fixed table first column
14.table font-family: arial, verdana, sans-serif;
15.Table style
16.table color: white;
17.Table layout
18.Table styling
19.Table with shading colors
20.HTML markup for a simple table (continued)
21.providing table alignment and spacing
22.A table with spanned rows and columns
23.Img in a table cell
24.Table with summary
25.Using th for table heading
26.Dividing a table into head, body and footer.
27.A Basic Table with Caption
28.Using the table header attribute
29.table line-height: 1.3em;
30.table padding: 0;
31.table color: #fff;
32.table table-layout: fixed;
33.table caption-side: bottom;
34.HTML markup for a simple table
35.Vertical alignment in table cells
36.Styling table columns
37.A Basic Table 2
38.Adding Text Alignmnet for table
39.Stripe the table
40.Nested css table
41.Structural Table
42.CSS Table Rowspan Demo
43.Spreadsheet data
44.Fixed Table
45.Shrinkwrapped Table
46.All table content is enclosed within the tbody
47.Style for table body
48.Horizontal Stretched Table
49.Using the th element for table headings
50.Table heads, bodies and footers
51.An Accessible Table
52.Selecting cells in body
53.Selecting all tables and cells
54.Selecting all cells
55.'align' specifies the horizontal alignment of the 'table' and 'iframe'

Từ khóa » Html Bold Line In Table