UNIT 4 – Lists and Tables
Student will review previous HTML code and use lists and tables in their web pages from Units 1, 2 and 3. Students will share coding and debugging techniques for efficiency.
More attributes can be found at: FOR TABLES
Attributes for Unordered Lists
- Tags are NOT case sensitive, but be consistent in use for readability.
- All close tags have a slash </head> </title>. If something not working check for closing tag. Hint: If you type an open tag, type the close tag and put data in between
- Opening and closing - <head> <title> <body>
- Centering, bold, italic, rules - <center>, <b>, <I>, <hr>
- Carriage returns, blank lines, indenting <p>, <br> <blockquote>
- Text size - <H1> <font>
- Links - < a href = " ">> <img src="
">
- Lists - <UL>, <OL>, <LI>
- Attributes: types = "1", "a", "A", "i", "I", "disc", "square", "circle"
- Tables - <table>, <tr>, <td>
- Attributes: border, bordercolor, cellspacing, cellpadding
- Create favorite aesthetic table templates for reuse in other web pages.
Activities:
- Add an ordering list <ol>, which has numbers to your partner’s biography listing their 5 favorite motivational sites.
- Add a table to your partner’s biography listing their schedule including period, subject, teacher, and room number.
- Add a table inside a table around your partner’s photography to make a frame.
- Add an unordered list to your web page listing your favorite web sites.
- Add a table with the meaningful images and cartons arranged aesthetically.
- Review complete biography site for content and design with other team members.
- ALM lesson on lists and tables.
Assessment:
- Present your final partner’s biography after pre-grading with your grading rubric.
- Each student will grade each presentation using evaluation rubric. The grade sheet will be submitted for a grade. It may be typed in a spreadsheet for readability.
- Web Test on Basic HTML and Internet searching.