HTML table
HTML Tutorial » HTML Table
To create tables in web pages we use the element <table> ... </table>, it includes four other sub-elements, which make up the structure of the table.
- Line (row) of Table <tr> ... </tr>
- Table title <th> ... </th>
- Table cells (form columns) <td> ... </td>
- Subtitle of the table <caption> ... </caption>
Syntax:
<tr>
<th>title_text</th> <!-- each line one column -->
...
...
...
</tr>
<tr>
<td>content</td> <!-- each line one column -->
...
...
...
</tr>
</table>
Browser Support HTML Table
Element | Chrome |
IE |
Firefox |
Opera |
Safari |
HTML Table | Yes | Yes | Yes | Yes | Yes |
HTML table no border - example
The rows in the table contain the table headings and elements for the table columns.
The data / content in the table is added within <td> .
Within the elements <th> and <td> other HTML elements can be added, such as text formatting, paragraphs, links or images.
<!DOCTYPE html>
<html>
<head>
<title>HTML Table</title>
</head>
<body>
<table>
<tr>
<th> title 1 </th>
<th> title 2 </th>
</tr>
<tr>
<td>line 2- column 1</td>
<td>line 2- column 2</td>
</tr>
<tr>
<td>line 3- column 1</td>
<td>line 3- column 2</td>
</tr>
<tr>
<td>line 4- column 1</td>
<td>line 4- column 2</td>
</tr>
</table>
</body>
</html>
Related subjects:
HTML Table Style Border Width
HTHL table border
HTML table style
HTML table width
HTML table rowspan colspan
HTML table color
HTML table font size
In the next window HTML table font size style we show you an example that contains the following elements style:
<table width="100%" border="1" style="font-size:16px; color:#03C">
<!DOCTYPE html>
<html>
<head>
<title>HTML Table</title>
</head>
<body>
<table width="100%" border="1" style="font-size:16px; color:#03C">
<tr>
<td><b>Client</b></td>
<td><b>InstanceName</b></td>
<td><b>dbname</b></td>
<td><b>Filename</b></td>
<td><b>KeyName</b></td>
<td><b>Rotation</b></td>
<td><b>Path</b></td>
</tr>
<tr>
<td>NEWDEV6</td>
<td>EXPRESS2012</td>
<td>master</td><td>master.mdf</td>
<td>test_key_16</td><td>0</td>
<td>d:\Program Files\Microsoft SQL Server\master.mdf</td>
</tr>
</table>
</body>
</html>
HTML table font color style
In the next window we show you an example that contains the following elements of HTML table font color style: <table width="100%" border="2" style="font-size:16px; background-color:#CFC; color:#039">
<!DOCTYPE html>
<html>
<head>
<title>HTML table font color style & background</title>
</head>
<body>
<h2>HTML table font color style & background</h2>
<table width="100%" border="2" style="font-size:16px; background-color:#CFC; color:#039">
<tr>
<td><b>Client</b></td>
<td><b>InstanceName</b></td>
<td><b>dbname</b></td>
<td><b>Filename</b></td>
<td><b>KeyName</b></td>
<td><b>Rotation</b></td>
<td><b>Path</b></td>
</tr>
<tr>
<td>NEWDEV6</td>
<td>EXPRESS2012</td>
<td>master</td><td>master.mdf</td>
<td>test_key_16</td><td>0</td>
<td>d:\Program Files\Microsoft SQL Server\master.mdf</td>
</tr>
</table>
</body>
</html>
html table font size, column width, width, no border, colspan, row height, builder, rowspan, cell width, scrollable .
html table font size inline, css, without css, style, auto, not working, bold, html table font-size x-small
html table font color style, css, white, tag, attribute,HTML Table - html tutorial
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.