Page 80 - Computer - 8

6 Tables, Links, Audio,

Video and Frames in HTML5

Pre-Processing

• Working with Tables • Working with Hyperlinks
• Inserting Audio • Inserting Video
• Inserting Frames
You have learned about inserting lists and images in an HTML document. Web pages do not only display
information in an eye-catching format, but also display it in an organised manner. Multimedia content ,
such as audio and video, on a web page also helps in making the content effective. The most important
part of a web page is its ability to let you navigate from one part of the web page to another or to other
web pages directly through hyperlinks, without having to memorise the URL of each web page.
Let us now learn to:
• Create tables to organise data in a structured manner.
• Insert hyperlinks to move from one content to another on the web page.
• Insert audio and video content on a web page.
• Insert frames to display more than one HTML document in the same browser window
simultaneously.

WORKING WITH TABLES
Tables enable the user to arrange large amounts of data systematically in rows and columns. Tables can
include numeric data, text, images, and multimedia. Tables in web pages make the content easier to
read and interpret. HTML tables can contain various elements to arrange and present data in rows and
columns of cells.
Let’s learn how to use the various table tags to define these elements and how to format the elements
using CSS style sheet rules.

Basic Table Tags
The basic tags used to create tables in an HTML document are described below.

Element Tag Description
Table <table>…</table> Lets you define a table in an HTML document.

Table row <tr>…</tr> Lets you create a row in an HTML table.

Table header <th>…</th> Lets you create a header cell in an HTML table.

Table data <td>…</td> Lets you create a data cell in an HTML table.
Caption <caption>…</caption> Lets you define a caption for the title of an HTML table.

A header cell displays a heading for a row or column in a table, while a data cell displays the data for a
column in a table. The <caption> tag must be inserted immediately after the <table> tag.

78