Scribd
Upload
38 views

HTML 5

This document discusses HTML lists and tables. It explains that ordered lists use numbers and unordered lists use bullets. Both use <li> tags for each item. Tables are defined with <table> and </table> tags and divided into rows with <tr> tags and cells with <td> tags. Attributes like border can add borders and <th> tags make table headers bold and centered. Examples are given of inserting ordered and unordered lists, tables with and without borders, and tables with headers.

Uploaded by

Maya Willims
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
38 views

HTML 5

This document discusses HTML lists and tables. It explains that ordered lists use numbers and unordered lists use bullets. Both use <li> tags for each item. Tables are defined with <table> and </table> tags and divided into rows with <tr> tags and cells with <td> tags. Attributes like border can add borders and <th> tags make table headers bold and centered. Examples are given of inserting ordered and unordered lists, tables with and without borders, and tables with headers.

Uploaded by

Maya Willims
Copyright
© © All Rights Reserved
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 16

HTML

HYPERTEXT MARKUP
LANGUAGE
PART V

HTML

We will be looking at the following items in this


presentation:
Inserting an unordered lists
Inserting an ordered lists
Inserting a table

ORDERED & UNORDERED LISTS


The most common HTML lists are:
Ordered lists

In

an ordered list, the items are marked with


numbers.
Starts with the <ol> tag and ends with the </ol> tag
Each item in the list is placed between the <li> and
</li> tags.

Unordered lists
In

an unordered list, the items are marked with


bullets.
Starts with the <ul> tag and ends with the </ul> tag
Each item in the list is placed between the <li> and
</li> tags

ORDERED LISTS

UNORDERED LISTS

Notice the <ol> tag ( shown in the previous slide) was changed to <ul>

INSERTING A TABLE

Tables are defined with the following tags: <table>


and </table>
A table is divided into rows (with the <tr> and
</tr> tags)
Each row is divided into data cells (with the <td>
and </td> tags)

td

stands for table data and holds the contents of the


cell
A <td> tag can contain text, links, images, lists and
other tables.

INSERTING A TABLE

An attribute border is used within the <table>


tags to place a border around the table.
Example:
<table border=1>
The larger the number, the thicker the border.
If a border is not specified, the table will be
displayed without borders

INSERTING TABLES WITH BORDERS

INSERTING TABLES WITH BORDERS

INSERTING TABLES WITHOUT


BORDERS

INSERTING TABLES WITHOUT


BORDERS

INSERTING TABLE HEADERS

Most tables have headers indicating what each column


represents.
Header information in a table is defined by the <th>
and </th> tags
All major browsers display the text in the <th> tag as
bold and centred.

INSERTING TABLES WITH HEADERS

INSERTING TABLES WITH


HEADERS

INSERTING A TABLE WITH BORDER &


HEADER

INSERTING A TABLE WITH BORDER &


HEADER

You might also like