2.9.2 Style Your Class List
- Due Sep 16, 2024 by 11:59pm
- Points 5
- Submitting a text entry box or a file upload
YOUR JOB:
Create an unordered list of your current school schedule. For each class make a nested unordered list that describes the classwork as well as if it's a full-year class or half-year class. Then add the following styles:
- Add a background color for the body
- Make the header’s font size 36px
- Change the color of each outer list item (i.e. change the font color)
- You can leave any nested list alone
- Make the class you’re most excited about bold and italic
Optional: - Any other styles you want to add!
STARTER CODE
<!DOCTYPE html>
<html>
<head>
<title>My Classes</title>
</head>
<body>
<h1>List of Classes for School Year 23-24</h1>
<ul>
<li>
<b><i>Band</i></b>
<ul>
<li>Marching</li>
<li>Symphonic</li>
<li>Full-year class</li>
</ul>
</li>
<li>
Culinary Arts
<ul>
<li>Learn to make pastries</li>
<li>Learn how to use a breadmaker</li>
<li>Learn some cake decorating</li>
<li>Half-year class</li>
</ul>
</li>
<li>Spanish
<ul>
<li>Half-year class</li>
</ul>
</li>
<li>
Shop Class
<ul>
<li>Welding</li>
<li>Jewelry making</li>
<li>Half-year class</li>
</ul>
</li>
</ul>
</body>
</html>
Find Rubric
