HTML 'table' Tag/Element

Q

What Is a "table" Tag/Element?

✍: FYIcenter.com

A

A "table" element is a block level element that you can use to present information in table of rows and columns. Here are basic rules about "table" elements:

"table" elements are block elements.
"table" elements can not have empty contents.
"table" elements can not have text contents.
A "table" element can only have "tr" or other table sub-elements.
"tr" elements are used in a "table" element to define rows in a table.
"td" elements are used in a "tr" element to define columns in a row.

Below is a tutorial example of a simple "table" element:

<?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>
 <head>
  <title>Simple Table</title>
 </head>
 <body>
  <h4>Online Order</h4>
  <table>
<tr><td>Description</td><td>Qty</td><td>Price</td></tr>
<tr><td>Email Account</td><td>10</td><td>$9.90</td></tr>
<tr><td>FYIcenter.com Ad</td><td>1</td><td>$99.00</td></tr>
<tr><td>1-year Access</td><td>1</td><td>$199.00</td></tr>
  </table>
 </body>
</html>

If you save the above document as simple_table.html, and view it with Internet Explorer, you will see a simple table with 4 rows and 3 columns as shown below:

HTMl table Element - Simple Table Example

⇒ HTML Table Row 'tr' Tag/Element

⇐ HTML Tables and Table Cells

⇑ HTML Tables and Table Cells

⇑⇑ HTML Tutorials

2017-05-20, ∼1811🔥, 0💬

Creating HTML Table Borders
How To Create Table Borders? There are two sets of borders within a table: Outer Borders - Borders that around the outer edges of the table. Inner Borders - Borders between table cells. If you want to create table outer borders and inner borders, you can use the "border" attribute, which offers two ... 2017-05-13, ∼2576🔥, 0💬

HTML Tables and Table Cells
Where to find tutorials of introduction to HTML Tables and Table Cells? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team in introduction to HTML Tables and Table Cells. Clear answers are provided with tutorial exercises on table elements like: tabl... 2017-05-20, ∼2135🔥, 0💬

HTML Ordered List Item Markers
How To Use Different Markers on Ordered List Items? By default, browsers will use decimal numbers as the item markers for ordered lists. If you want to change them to something else, like alphabetical letters, you need to use CSS properties. Here is a tutorial sample showing you how to set item mark... 2017-05-29, ∼2056🔥, 0💬

HTML 'table' Element Attributes
What Are the Attributes of a "table" Element? A "table" element may have the following commonly used attributes: "summary" - Specifies a text string as the summary of the table. "width" - Specifies the width of the table. "border" - Specifies the border width. "frame" - Specifies how the outer borde... 2017-05-13, ∼2000🔥, 0💬

HTML Table Cell 'td' Tag/Element
What Is a "td" Tag/Element? A "td" element is a special element that can only be used as a sub-element of a "tr" element. A "td" element defines a column in a row. Here are basic rules about "td" elements: "td" elements are special elements only valid inside "tr" elements. "td" elements can have tex... 2017-05-20, ∼1992🔥, 0💬

HTML Nested List Elements
Can List Elements Be Nested? Yes. You can nest list element within each other because: List items can have block elements as contents. List elements are block elements. List items can have list elements as contents resulting nested list elements. Below is a good tutorial example of using nested list... 2017-05-29, ∼1958🔥, 0💬

'frame' - Controlling HTML Table Borders
How To Turn On Some Parts of Table Outer Borders? If you don't want to turn all 4 edges of outer borders in a table, you need to use the "frame" attribute, which offer the following options: <table border="1" frame="border"> - Turns on all 4 edges. <table border="1" frame="box"&... 2017-05-13, ∼1957🔥, 0💬

HTML Un-ordered List Item Markers
How To Use Different Markers on Unordered List Items? By default, browsers will use solid dots as the item markers for unordered lists. If you want to change them to something else, like tiny squares, you need to use CSS properties. Here is a tutorial example showing you how to set item markers to b... 2017-05-20, ∼1894🔥, 0💬

HTML 'table' Tag/Element
What Is a "table" Tag/Element? A "table" element is a block level element that you can use to present information in table of rows and columns. Here are basic rules about "table" elements: "table" elements are block elements. "table" elements can not have empty contents. "table" elements can not hav... 2017-05-20, ∼1812🔥, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.