List types in HTML

lists

There are three list types in HTML:

  1. unordered list — used to group a set of related items in no particular order.
  2. ordered list — used to group a set of related items in a specific order.
  3. description list — used to display name/value pairs such as terms and definitions.

Lists can be nested inside one another. Each list type has a specific purpose and meaning in a web page.

to know more about lists in html read this book Chapter 3: “Lists” (pp.62-73)

 

The CSS Box Model

All HTML elements can be considered as boxes. In CSS, the term “box model” is used when talking about design and layout.

The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content. The image below illustrates the box model:

 

boxes

Explanation of the different parts:

  1. Content - The content of the box, where text and images appear
  2. Padding - Clears an area around the content. The padding is transparent
  3. Border - A border that goes around the padding and content
  4. Margin - Clears an area outside the border. The margin is transparent

    The box model allows us to add a border around elements, and to define space between elements.

you can read more about Boxes here or read on this book Chapter 13: “Boxes” (pp.300-329).

 

What Is JS Array

 

Arrays are list-like objects whose prototype has methods to perform traversal and mutation operations. Neither the length of a JavaScript array nor the types of its elements are fixed. Since an array’s length can change at any time, and data can be stored at non-contiguous locations in the array, JavaScript arrays are not guaranteed to be dense; this depends on how the programmer chooses to use them. In general, these are convenient characteristics; but if these features are not desirable for your particular use, you might consider using typed arrays.

Arrays cannot use strings as element indexes (as in an associative array) but must use integers. Setting or accessing via non-integers using bracket notation (or dot notation) will not set or retrieve an element from the array list itself, but will set or access a variable associated with that array’s object property collection. The array’s object properties and list of array elements are separate, and the array’s traversal and mutation operations cannot be applied to these named properties.

Read more about array HERE