Scribd
Upload
425 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
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
425 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
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