Monday, November 7, 2022

Shopping or Holiday?

Shopping or Holiday?
Lists are used very extensively to organize information. They can be ordered and un-ordereded. Let's make some of our own using HTML lists.

Imagine you got a job from Newton School. Make 2 lists identifying the use of the money you'll make from the job
Acceptance Criteria
- The first list should be an ordered list of 3 items that you'd like to buy with your salary.
- This list should have data-ns-test attribute in the <li> element and value of the attribute should be "shoppingList"
- The second list should be an unordered list of the holiday destinations that you'd like to visit after you got a job.
- It should at least have 3 places. This list should have data-ns-test attribute in the <li> element and value of the attribute should be "holidayList"


<html>
    <head>
        <title> Shopping or Holiday? </title>
    </head>
    <body>
        <ol>
            <li data-ns-test="shoppingList"> A Car </li>
            <li data-ns-test="shoppingList"> Own a house </li>
            <li data-ns-test="shoppingList"> A MacBook </li>
        </ol>
        <ul>
            <li data-ns-test="holidayList"> Goa </li>
            <li data-ns-test="holidayList"> Europe </li>
            <li data-ns-test="holidayList"> Italy </li>
        </ul>
    </body>
</html>



No comments:

Post a Comment

ads vert

Basic HTML Tables - Layout, HTML Tables, Attributes, Aside, Footer, Tr tag, Td tag, Th tag, Tbody

  Basic HTML Tables - Layout, HTML Tables, Attributes, Aside, Footer, Tr tag, Td tag, Th tag, Tbody < table >      < thead >    ...