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
