Zebra0.com

html5Lists

Lists

To the viewer, a table is made up of rows and columns. However, the browser renders the html from top to bottom, left to right, so there is no tag for a column. There is the <table> tag, then rows <tr>, then the table data <td>.

If you would like column headings, the items on first row can use the tag <th> (table heading) instead of <td> (table data).

Here is an example of a table:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Acronyms</title>
</head>
<body>
<table>
  <tr><th>Acronym</th><th>Meaning</th></tr>
  <tr><td>CSS</td><td>Cascading Style Sheets</td></tr>
  <tr><td>SQL</td><td>Structured Query Language</td></tr>
  <tr><td>PHP</td><td>Hypertext Preprocessor</td></tr>
</table>
</body>
</html>

Common Acronyms

AcronymMeaning
CSSCascading Style Sheets
SQLStructured Query Language
PHPHypertext Preprocessor

That's All!