Scribd
Upload
62 views

HTML & CSS Part1

This document provides an introduction to HTML and CSS. It explains that CSS can be written in Expression Web or Notepad and is used to control the style and layout of content described in HTML. HTML uses tags like <p> and <h1> to structure content, while CSS uses rules with selectors and properties to style elements, with rules ending in semicolons. The document demonstrates how to link an HTML file to an external CSS file to style multiple pages.

Uploaded by

Mahmoud A.Raouf
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
62 views

HTML & CSS Part1

This document provides an introduction to HTML and CSS. It explains that CSS can be written in Expression Web or Notepad and is used to control the style and layout of content described in HTML. HTML uses tags like <p> and <h1> to structure content, while CSS uses rules with selectors and properties to style elements, with rules ending in semicolons. The document demonstrates how to link an HTML file to an external CSS file to style multiple pages.

Uploaded by

Mahmoud A.Raouf
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

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

You might also like