HTML tutorial - part 5 lists and tables

 AAAAARGGHHH sorry for delay and my laziness. AAAARRGHH ;-;

okay. so we go with 5 part. 

1) lists:

for defining list firstly you need to know what type of list your gonna have.

    1 type of list is  unordered. to make it use <ul> tag at start and </ul> at end of list. it'll look like this:

• {something here}
• {something here}
• {something here}

    2 type of list is an ordered list. to make this one use <ol> and </ol> tags instead. looks like this:

1. {something here}
2. {something here}
3. {something here}

and second part for making a list. for the now we only chose type of it. now we need to make a few rows to make it visible. to do it use <li> tags and </li> tags at end

after it all the list will be visible.

a simple template of list:

<ul>

<li> abc </li>

<li> def </li>

<li> ghi </li>

<li> jkl </li>

</ul>

2) tables:

1 - indicate table in code by <table> tag at start of table and </table> at end

2 - indicate table rows by <tr> tags (and remember about closing everytime !!!)

3 - indicate table headers (mostly at top or left) by <th> tags

4 - and indicate table data by <th> tags

to define groups of colums use <colgroup> and <col> tags. usage below:

<colgroup>

<col span="1">

<col span="3">

</colgroup>

 and explanation: 

<colgroup> defines that there are groups in table

<col> defines how much at once columns are in group (lists from left)

span="x" defines how much columns from left need to be grouped

you can also use colspan="" attribute to join table columns (visible)

and rowspan="" to join table rows (also visible)

ofcourse in row and colspan between "" you should type number of rows joined and add these attributes on any (almost) table header or table data field. (almost - means these which you want to join =p )

A	a
B	b