caption tag summarizes the table's contents (this helps the visually impaired) : caption « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. caption

caption tag summarizes the table's contents (this helps the visually impaired)

   



<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>A simple XHTML table</title>
   </head>
   <body>
      <table border = "1" width = "40%" summary = "summary">
         <caption><strong>Price of Fruit</strong></caption>
         <tbody>
            <tr>
               <td>Apple</td>
               <td>$0.25</td>
            </tr>

            <tr>
               <td>Orange</td>
               <td>$0.50</td>
            </tr>

            <tr>
               <td>Banana</td>
               <td>$1.00</td>
            </tr>

            <tr>
               <td>Pineapple</td>
               <td>$2.00</td>
            </tr>
         </tbody>
      </table>

   </body>
</html>








Related examples in the same category

1.'caption' Example
2.'valign' defines the vertical alignment of text within the table cell or other element
3.caption-side: bottom
4.caption font-size: 90%;text-align: right;
5.Table caption tag
6.Table with caption and table header
7.caption font-weight: bold; / color: yellow;
8.caption color: yellow;
9.caption background-color: red;
10.Set style for table caption
11.Caption align to the right
12.Table with caption, header, footer and table body
13.caption font-weight: bold;
14.caption text-align: left;
15.caption border-style: solid;
16.caption border-width: 1px;
17.caption border-color: #666666;
18.caption text-align: right
19.caption caption-side: bottom;
20.caption text-align: right;
21.caption vertical-align: top;
22.caption margin-bottom: 5px;
23.caption text-transform: lowercase;
24.caption font-size: 160%;
25.caption padding: 5px;
26.caption letter-spacing: 10px;
27.caption font-size: 1.5em;
28.caption font-weight: 400;
29.caption margin: 0;
30.caption padding: 6px 0 8px;
31.caption font: 1.5em Georgia, "Times New Roman", Times, serif;
32.caption padding: 1em;
33.'align' specifies the alignment of text within the element