NES Gr.
9 HTML&CSS
There are two applications to write CSS
1. EXPRWD → expression web (WYSIWYG)
What You See Is What You Get
2. Notepad
We are about to write two languages
HTML CSS
abbreviation Hypertext markup language Cascading style sheet
purpose To add and describe content Control the looks of
on a page content
ICT Page 1 of 9 HTML&CSS
NES Gr.9 HTML&CSS
P → means PARAGRAPH
Img → Means image
What are you going to add? How the content will
Which content you need to be displayed?
add?
How to <p>paragraph</p> P{
write?
Color:blue;
Background-color:cyan;
}
<h1>heading size one</h1> H1{
Font-family:arial;
Font-weight:bold;
}
Extension Name.html Name.css
File format
Language Uses <tag></tag> Uses curly brackets { }
rules
start, end
ICT Page 2 of 9 HTML&CSS
NES Gr.9 HTML&CSS
Open and close tag Shift+ج
Start and end Shift+د
Uses : instead of =
Uses colon instead of
equal
Example: color:blue;
Each rule should end with
;
Each rule should end with
a semicolon
screenshot In html document should
include <LINK> tag
To connect css with html
<link rel=”stylesheet” type=”text/css”
href=”name.css”>
Should be written in HEAD tag
Color→ to change font color
ICT Page 3 of 9 HTML&CSS
NES Gr.9 HTML&CSS
Background-color→ to
change the background
ICT Page 4 of 9 HTML&CSS
NES Gr.9 HTML&CSS
3 ways to write CSS= master slide in powerpoint
1
ICT Page 5 of 9 HTML&CSS
NES Gr.9 HTML&CSS
ICT Page 6 of 9 HTML&CSS
NES Gr.9 HTML&CSS
You have to link html with CSS
The best way to format many pages
ICT Page 7 of 9 HTML&CSS
NES Gr.9 HTML&CSS
ICT Page 8 of 9 HTML&CSS
NES Gr.9 HTML&CSS
3 inline with html tag
ICT Page 9 of 9 HTML&CSS