Meme's HTML Showcase

HTML Lists

HTML lists are used to organize related pieces of information. An unordered list uses the <ul> element and normally displays items using bullet points. An ordered list uses the <ol> element and normally displays items using numbers. Each item in a list is represented using the <li> element.

Unordered List Example

• HTML
• Java
• Python

Ordered List Example

1. Plan the webpage
2. Write the HTML
3. Validate the HTML

Nested List Example

• Web Development
  • HTML
  • CSS
  • JavaScript
• Programming
  • Java
  • Python

HTML Tables

HTML tables are used to organize information into rows and columns. The <table> element creates the table. A table can contain a <caption>, table rows using <tr>, table headings using <th>, and table data cells using <td>.

Elements, Attributes, and Values

Lists and tables demonstrate how HTML elements can be nested to create a logical document structure. For example, an <li> element is nested inside a <ul> or <ol> element.

The table in this example also demonstrates nesting. The <tr> elements are placed inside the table structure, while <th> and <td> elements are placed inside individual rows.

The border attribute is used in this assignment because CSS is prohibited. The value "1" creates a basic one-pixel border around the table.

What I Learned

Creating nested lists helped me understand how elements can be placed inside other elements while maintaining a logical document structure. I learned that the <li> element must be associated with a list and that another list can be nested inside a list item.

Creating a table helped me understand how rows, headings, and data cells work together. I also learned that correctly nesting HTML elements is important because the Document Object Model represents the relationships between elements in a hierarchical structure.

Reference

The purposes and syntax of HTML lists and tables were researched using reliable HTML documentation. See the References page for the complete IEEE reference list.