class-03.md

HTML Lists, CSS Boxes, JS Control Flow

HTML List

• there are three type of list in HTML

  • 1- Ordered List (ol)

  • 2- Unordered List (ul)

  

  • 3- Definition List (dl)

  

  • Somtimes we need to use list inside the other list this process called Nested List

  

Boxes

• How does CSS treats each HTML element as if it lives in its own box?

  • 1- How can you Control the dimensions of your boxes (width and height)

  

  • Some page designs expand and shrink to fit the size of the user's screen. In this case
    min-width , max-width ,min-height and max-height are used

  • when the content contained within a box is larger than the box itself the box overflow has been controlled

  

  • 2- How can you Create borders around boxes and Set margins and padding between them

  

  • sometimes we need to identify the border width ,style and color

  • 3- How can you identify the text alignment in the box?

  

  • 4- How can you design the block-level box and inline box

  

  • 5- How can you show and hide box

  It is possible to hide elements visibility properties. visibility: hidden;

Arrays

An array is a special type of variable. It doesn't just store one value; it stores a list of values.

• how to create array in javascript

• Values in an array are accessed as if they are in a numbered list. It is important to know that the numbering of this list starts at zero (not one).

switch statements

• switch statements allow you to compare a value against possible outcomes (and also provides a default option if none match)

Loops

• For Loops

  A for loop repeats until a specified condition evaluates to false

• Operations planner of For Loop

• For Loop Example

• While Loop

  A while statement executes its statements as long as a specified condition evaluates to true.

• Operations planner of While Loop

• While Loop Example

• do .. while Loop

• loops through a block of code once, and then repeats the loop while a specified condition is true