This element represents data with more than one dimension, in the form of a table. Tables must not be used as layout aids.
header one | header two | header three |
---|---|---|
col1 row1 | col1 row1 | col1 row1 |
col1 row2 | col1 row2 | col1 row2 |
<table class="class-name" id="table-id-name">
<caption>Caption for TABLE element</caption>
<thead>
<tr>
<th>header one</th>
<th>header two</th>
<th>header three</th>
</tr>
</thead>
<tbody>
<tr>
<td>col1 row1</td>
<td>col1 row1</td>
<td>col1 row1</td>
</tr>
<tr>
<td>col1 row2</td>
<td>col1 row2</td>
<td>col1 row2</td>
</tr>
</tbody>
</table>
This element represents a block of rows that consist of a body of data for the parent table element, if the tbody element has a parent and it is a table.
<tbody>
This is the TBODY element
</tbody>
This element represents a data cell in a table.
<td>
This is the TD element
</td>
This element is a mechanism for holding client-side content that is not to be rendered when a page is loaded but may subsequently be instantiated during runtime using JavaScript.
<template id="productrow">
<tr>
<td class="record"></td>
<td></td>
</tr>
</template>
The textarea element represents a multiline plain text edit control for the element's raw value. The contents of the control represent the control's default value.
<div class="class-name" id="label-textarea-id-name">
<label for="textarea-id-name">textarea</label>
<textarea class="class-name" id="textarea-id-name" rows="3"></textarea>
</div>
This element represents the block of rows that consist of the column summaries (footers) for the parent table element, if the tfoot element has a parent and it is a table.
<tfoot>
This is the TFOOT element
</tfoot>
This element represents a header cell in a table.
<th>
This is the TH element
</th>
This element represents the block of rows that consist of the column labels (headers) for the parent table element, if the thead element has a parent and it is a table.
<thead>
This is the THEAD element
</thead>
This element represents a precise date and/or time in the proleptic Gregorian calendar. The time element encodes modern dates and times in a machine-readable way, so that, for example, user agents could offer to add an event to the user's calendar.
<time datetime="2014-03-29T23:38+10:00">
TIME element
</time>
This element represents the document's title or name.
<!doctype html>
<html>
<head>
<title>This is the TITLE element</title>
</head>
</html>
This element represents a row of cells in a table.
<tr>
This is the TR element
</tr>
This element allows authors to specify explicit external timed text tracks for media elements. It does not represent anything on its own.
<video controls poster="../assets/img/poster.png">
<track src="subtitles.vtt" kind="subtitles" srclang="en" label="English">
</video>