---
# System prepended metadata

title: 4 Tasks

---

# 4 Tasks

## Task 1

Create an ordered list of 3 things cats hate most under the `<p>` line. The `<ol>` and `<li>` tag should be used. The ordered list should look like this:

Three things cats hate most:

1.flea treatment
2.thunder
3.other cats

 
```
<p>Three things cats hate most:</p>

  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
```



## Task 2

Create an ordered list of 4 cities under the `<p>`line. The `<ol> `and `<li>` tag and the type attribute should be used. The ordered list should look like this:

Which of the following cities is the capital of Callifornia?
 
a.Los Angeles 
b.San Francisco
c.San Jose
d.Sacramento


 
```<p>
Which of the following cities is the capital of Callifornia?
</p>
  <ol type="a">
    <li>Los Angeles </li>
    <li>San Francisco </li>
    <li>San Jose </li>
    <li>Sacramento</li>
  </ol>
```

## Task 3

Create an ordered list under the `<h3>` line. The `<ol>` and `<li>` tag and the type attribute should be used. The list should look like this:


<h3>Tour fees</h3> 

I.Accomodation
  1. Grand Hotel $299
  2. Casino Resort $399 

II.Transportaion
  1. Flight $699
  2. Car rental $199 

III.Food
  1. Hotel buffet $69
  2. Casino buffet  $99 

```
<h3> Tour fees</h3>

<ol type="I"> 
  <li> Accomodation
  <ol>
    <li>Grand Hotel $299</li>
    <li>Casino Resort $399 </li>
    </ol>
  </li>
<li>Transportaion
    <ol>
    <li>Flight $699</li>
    <li>Car rental $199</li>
    </ol>
<li>Food
 <ol>
    <li>Hotel buffet $69</li>
    <li>Casino buffet $99 </li>
    </ol>
  </ol>
  ````



## Task 4

The Happy Garden Hotel offers free breakfast to its residents. You are asked to put a menu list on its website. Create the list under the `<h3>` line. The `<ol>`, `<li>`, `<img>`tag and the type attribute should be used. 

Use image url as follows in order and set image width to 30:

https://i.imgur.com/PES5e8v.png  

https://i.imgur.com/TSACIIN.png 

https://i.imgur.com/EoR7VB9.png  

The ordered list should look like this:

<h3> Breakfast Meal Plan</h3>
 
1.Sandwhich meal plan
  A.Egg sandwich
  B.Tuna sandwich
  C.Chicken sandwich

2.Combo Meal Plan 
  A.Beef combo 
  B.Chicken combo
  C.Pork combo

3.Salad meal plan
  A.Spinach salad
  B.Tomato salad
  C.Kale salad
 

 


 
 ````
 <h3>Breakfast Meal Plan </h2>
  <ol>
    <li><img src="https://i.imgur.com/PES5e8v.png" width="30">Sandwhich meal plan </li>
     <ol type="A">
      <li>Egg sandwhich</li>
      <li>Tuna sandwich</li>
      <li>Chicken sandwhich </li>
    </ol>
    
    <li><img src= "https://i.imgur.com/TSACIIN.png" width="30">Combo meal plan </li>
     <ol type="B">
      <li>Beef combo</li>
      <li>Chicken combo</li>
      <li>Pork combo</li>
    </ol>
    
    <li><img src= "https://i.imgur.com/EoR7VB9.png" width="30"> Salad meal plan </li>
     <ol type="C">
      <li>Spinach salad</li>
      <li>Tomato salad</li>
      <li>Kale salad</li>
    </ol>
  </ol>
 
 
 
 
 
 
 
 