Div Tags, Classes, Ids

Div tags

100

What do div tags do?

Group elements together to make it easier to style them altogether.

200

Split the elements below into two groups using div tags.

<h5> </h5> 

<li> </li> 

<p> </p>

<button> </button>

<div>                             <div> 

 <h5> </h5>                     <p> </p>

<li> </li>                          <button> <button>

</div>                         </div>

300

Style the following div tags with the following:

- text align :right

- font size : 200px

<div> 

      <h1> </h1>

      <li> </li>

 </div>

div {

    text-align:right; 

    font-size: 200px;

}

400

What is wrong with the code below?

<div> 

   <h1> </ h1> 

   <p> </p>

   <li> </li>

<div>

Ending div tag is incorrect. 

Correct Ending Tag: </div>

Classes

100

What symbol is used when styling a class?

 Hashtag(#)

200

Give the element below a class named market.

<p> Supermarket </p>

<p class="market"> Supermarket</p>

300

Style a class, "market" with the following: 

- font family = fantasy

- font -size = 100px

- color = aqua

#market {

      font-family : fantasy;

      front-size:100px;

      color:aqua;

}

400

(Yes or No) You can give 2 elements the same class.

<h1 class="AP"> </h1>

<li class="AP"> </li> 

Yes

Ids

100

What symbol is used for an id when styling?

 Period

200

Give the element below an id named spies.

<h5> Team Squid</h5>

<h5 id="spies> Team Squid </h5>

300

Style an id named spies with the following:

width = 300px

height = 300px

.spies {

       width:300px;

       height:300px;

}

400

Is this styling for a class or an id?

#lion {

    text-align: right;

    font-size: 10000px;

}

Class