Diploma of computer science
Visioninternationalcollege
Html and Css
Lecturer: Yasir A. Mohamed
INTRODUCTION
Lesson 1
What is html
HTML stands for Hypertext Markup Language,
and it is the most widely used language to
write Web Pages.
Hypertext refers to the way in which Web
pages (HTML documents) are linked together.
Cont…
HTML is a Markup Language which means you
use HTML to simply "mark-up" a text
document with tags that tell a Web browser
how to structure it to display.
Now, HTML is being widely used to format web
pages with the help of different tags available
in HTML language.
Basic HTML Structure
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Open a Notepad window. Write the HTML tags to the Notepad.
CSS (Cascading Style Sheets)
 CSS Stands for Cascading Style Sheets
CSS is a style sheet language used to
determine the formatting of an HTML
document.
Enter CSS (The timeline)
CSS1
December 1996
CSS 2
Became a W3C Recommendation in May 1998
CSS 3
CSS level 3 has been under development since December 15,
2005
Advantages of CSS
 CSS saves time - You can write CSS once and
then reuse the same sheet in multiple
HTML pages.
 Pages load faster - If you are using CSS,
you do not need to write HTML
tag attributes every time.
Advantages of CSS
 Easy maintenance - To make a global change,
simply change the style, and all the elements
in all the web pages will be updated
automatically.
 Superior styles to HTML - CSS has a much
wider array of attributes than HTML, so you
can give a far better look to your HTML page
in comparison to HTML attributes.
Who Creates and Maintains
CSS
CSS is created and maintained through a
group of people within the W3C called the
CSS Working Group. The CSS Working Group
creates documents called specifications.
When a specification has been discussed
and officially ratified by the W3C members,
it becomes a recommendation.
QUIZ 5 Marks
1. What is HTML?
2. What means the flowing?
o Hypertext
o markup language
3. Define css and what stands for?
4. What are the CSS Timelines?
5.List four advantage of CSS?
6. Who creates and maintanes CSS?
Each question carries one marks
One question is optional
END
Thanks for downloading this lesson

lesson-1-introduction-html-and-css.pptx

  • 1.
    Diploma of computerscience Visioninternationalcollege Html and Css Lecturer: Yasir A. Mohamed INTRODUCTION Lesson 1
  • 2.
    What is html HTMLstands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. Hypertext refers to the way in which Web pages (HTML documents) are linked together.
  • 3.
    Cont… HTML is aMarkup Language which means you use HTML to simply "mark-up" a text document with tags that tell a Web browser how to structure it to display. Now, HTML is being widely used to format web pages with the help of different tags available in HTML language.
  • 5.
    Basic HTML Structure <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> Opena Notepad window. Write the HTML tags to the Notepad.
  • 6.
    CSS (Cascading StyleSheets)  CSS Stands for Cascading Style Sheets CSS is a style sheet language used to determine the formatting of an HTML document.
  • 7.
    Enter CSS (Thetimeline) CSS1 December 1996 CSS 2 Became a W3C Recommendation in May 1998 CSS 3 CSS level 3 has been under development since December 15, 2005
  • 8.
    Advantages of CSS CSS saves time - You can write CSS once and then reuse the same sheet in multiple HTML pages.  Pages load faster - If you are using CSS, you do not need to write HTML tag attributes every time.
  • 9.
    Advantages of CSS Easy maintenance - To make a global change, simply change the style, and all the elements in all the web pages will be updated automatically.  Superior styles to HTML - CSS has a much wider array of attributes than HTML, so you can give a far better look to your HTML page in comparison to HTML attributes.
  • 10.
    Who Creates andMaintains CSS CSS is created and maintained through a group of people within the W3C called the CSS Working Group. The CSS Working Group creates documents called specifications. When a specification has been discussed and officially ratified by the W3C members, it becomes a recommendation.
  • 11.
    QUIZ 5 Marks 1.What is HTML? 2. What means the flowing? o Hypertext o markup language 3. Define css and what stands for? 4. What are the CSS Timelines? 5.List four advantage of CSS? 6. Who creates and maintanes CSS? Each question carries one marks One question is optional
  • 12.