Scribd
Upload
431 views

2 - HTML-lists and Tables

The document discusses different HTML lists and tables. It explains that unordered lists use <ul> tags and list items are defined with <li> tags. Ordered lists use <ol> tags and <li> tags. Description lists use <dl> for the list, <dt> for terms, and <dd> to describe each term. Finally, the document states that tables are used to organize data into rows and columns using <table>, <tr>, and <td> tags, and can include captions with <caption> tags.

Uploaded by

Kamil Ubungen Delos Reyes
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
431 views

2 - HTML-lists and Tables

The document discusses different HTML lists and tables. It explains that unordered lists use <ul> tags and list items are defined with <li> tags. Ordered lists use <ol> tags and <li> tags. Description lists use <dl> for the list, <dt> for terms, and <dd> to describe each term. Finally, the document states that tables are used to organize data into rows and columns using <table>, <tr>, and <td> tags, and can include captions with <caption> tags.

Uploaded by

Kamil Ubungen Delos Reyes
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 11

HTML

Lists and Tables


Mrs. Rosemarie M. Coronejo
IAS-Math. Dept.
Lists - unordered

ul unordered lists
(bulleted lists)
li define lists
<ul> attributes for marker

style="list-style-type:none"
style="list-style-type:square
style="list-style-type:circle
style="list-style-type:disc"
Seatwork 1
Lists - ordered

ol ordered lists
(numbered lists)
li define lists
<ol> attribute for marker
Seatwork 2
Description Lists
List of terms with desciprion
<dl>, </dl> tag defines the description list
<dt>, </dt> tag defines the term (name)
<dd>, </dd> tag describes each term:
Description Lists
Seatwork 3
HTML Tables

Table is a matrix of rows and columns used to organize


data
<table>, </table> define table
<tr>, </tr> define a table row
<td>, </td> defines table data cells)
A data cell can contain text, images, lists, paragraphs,
forms, horizontal rules, tables, etc.
align=center attribute to center the data in the cell
<caption>,</caption> caption
<th>, </th> table header
Seatwork 4

You might also like