Page 56 - Code & Click - 8

Tables, Links, Audio,
6

Video and Frames in HTML5

Pre-Processing
Pre-Processing
• Working with Tables • Working with Hyperlinks
• Inserting Audio • Inserting Video
• Inserting Frames

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. HTML
tables can contain various elements to arrange and present data in rows and columns of cells.

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.

54