HTML

Ordered Lists

<ol> The ordered list is created with the <ol> element.

<li> Each item in the list is placed between an opening <li> tag and a closing </li> tag. (The li stands for list item.

Unordered Lists

<ul> The unordered list is created with the <ul> element. <li> Each item in the list is placed between an opening <li> tag and a closing </li> tag. (The li stands for list item.

Definition Lists

<dl>

The definition list is created with the <dl> element and usually consists of a series of terms and their definitions. Inside the <dl> element you will usually see pairs of <dt> and <dd> elements.

<dt>

This is used to contain the term being defined (the definition term).

<dd>

This is used to contain the definition

Nested Lists

You can put a second list inside an <li> element to create a sublist or nested list.

CSS

Box dimensions

ex :

`div.box {

height: 300px;

width: 300px;

background-color: #bbbbaa;}

p {

height: 75%;

width: 75%; background-color: #0088dd;}’

Over flowing Content

The overflow property tells the browser what to do if the content contained within a box is larger than the box itself. It can have one of two values:

hidden This property simply hides any extra content that does not fit in the box.

scroll This property adds a scrollbar to the box so that users can scroll to see the missing content.

Border, Margin& Padding

img

Border Images

This property requires three pieces of information:

1 The URL of the image

2 Where to slice the image

3 What to do with the straight edges; the possible values are:

stretch stretches the image

repeat repeats the image

round like repeat but if the tiles do not fit exactly, scales the tile image so they will

java

ARRAYS

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

var colors; colors [‘white’, ‘black’, ‘ custom ‘];

var el =document.getElementByld(‘colors’);

el.textContent = colors[O]

VALUES IN ARRAYS

var col ors;

colors= [‘white ‘ , ‘black ‘ , ‘ custom’];

INDEX VALUE
o ‘white ‘
1 ‘black’
2 ’ custom’

USING IF … ELSESTATEMENTS

as

img