WEB DEVELOPMENT

HTML & CSS

Session 4
prepared by : eng.Salma Mohamed
CONTENT:

• Css code in head

• Classes
• Lists :
– Ordered list
– Unordered list
• tables :
– header
– Rows
– cells

prepared by : eng.Salma Mohamed

TO ADD CSS CODE IN HEAD

prepared by : eng.Salma Mohamed

 CLASSES
Is used to style more than element with the same tag .. As we give the tag extra name

prepared by : eng.Salma Mohamed

 Lists

Ordered list Unordered list

Items don’t need order
Items should be in order

prepared by : eng.Salma Mohamed

MAKE LISTS IN HTML
Ordered list

prepared by : eng.Salma Mohamed

MAKE LISTS IN HTML
Unordered list

prepared by : eng.Salma Mohamed

STYLE LISTS

prepared by : eng.Salma Mohamed

 TABLES

prepared by : eng.Salma Mohamed

 TABLES IN HTML

• A table consists of :
• Header which is bolded and large than normal cell
• Rows &cells

prepared by : eng.Salma Mohamed

TABLE IN HTML

We notice that there is no borders

prepared by : eng.Salma Mohamed

STYLING TABLE

prepared by : eng.Salma Mohamed

TODAY’S TASK

prepared by : eng.Salma Mohamed

W H AT Q U E S T I O N S W O U L D
YOU LIKE TO ASK ME?

prepared by : eng.Salma Mohamed

THANK YOU

prepared by : eng.Salma Mohamed