Thanks to visit codestin.com
Credit goes to www.slideshare.net

HTML, CSS
And
JAVASCRIPT
Created By Syahmi RH
INTRODUCTION
 What is programming language.
 What is HTML, CSS and JAVASCRIPT.
 Example of HTML, CSS and JAVASCRIPT.
 The use of these languages (HTML, CSS and
JAVASCRIPT).
WHAT IS PROGRAMMING
LANGUAGE?
 A formal language that specifies a set of
instructions.
 Consists of instructions for a computer.
 Can be used to create programs, games, and
webpage .
EXAMPLES OF OTHER PROGRAMMING
LANGUAGES
 C++
 C#
 C
 Ruby
 Python
 Haskell
 Visual Basic
WHY
HTML, CSS AND JAVASCRIPT?
 Fully being used for webpage development.
 Easy to convert by the computers after receiving
the instructions.
 Easy to understand and master by developers and
users.
HTML
(Hypertext Markup Language)
WHAT IS HTML? FUNCTION
 Hypertext Markup Language.
 Used for creating webpages and web applications.
 Provides means to structured documents.
 Are used to creates headings, titles, and also paragraphs
for a webpage.
 Deliver images and URLs.
 Backbone of a webpage.
EXAMPLE OF HTML
<!DOCTYPE html>
<html>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
SCREENSHOTS OF HTML
CSS
(Cascading Style Sheets)
WHAT IS CSS? FUNCTION
 Cascading Style Sheets.
 Decribing the presentation of a document.
 Set the visual style of a webpage.
 Designed Primarily to enable the separation of content
and presentation.
 Provide more flexibility and control in the specification of
presentation.
 Written under head of HTML and under style .
EXAMPLE OF CSS
<html>
<head>
<style>
p {
text-align: center;
color: red;
}
</style>
</head>
</html>
SCREENSHOT OF CSS
JAVASCRIPT
WHAT IS JAVASCRIPT? FUNCTION
 Is a script that must to be combine with HTML and CSS to
create a specific buttons or icons works.
 One of the core of technologies of World Wide Web.
 Make webpage more interactive and provide online
programs.
 It has API that works with text, arrays, and dates.
 Also can be used to calculate the operants, equations, or
strings.
EXAMPLE OF JAVASCRIPT
<script>
var txt1 = "What a very";
var txt2 = "nice day";
document.getElementById("demo").innerHTML = txt1 +
txt2;
</script>
SCREENSHOT OF JAVASCRIPT
CONCLUSIONS
 Webpages are mainly made by these
programming language.
 HTML is the backbone/head of the webpage.
 CSS is incharge in visual of the webpages.
 JAVASCRIPT is very useful to make a webpage
more interactive.
THANK YOU

HTML, CSS And JAVASCRIPT!

  • 1.
  • 2.
    INTRODUCTION  What isprogramming language.  What is HTML, CSS and JAVASCRIPT.  Example of HTML, CSS and JAVASCRIPT.  The use of these languages (HTML, CSS and JAVASCRIPT).
  • 3.
    WHAT IS PROGRAMMING LANGUAGE? A formal language that specifies a set of instructions.  Consists of instructions for a computer.  Can be used to create programs, games, and webpage .
  • 4.
    EXAMPLES OF OTHERPROGRAMMING LANGUAGES  C++  C#  C  Ruby  Python  Haskell  Visual Basic
  • 5.
    WHY HTML, CSS ANDJAVASCRIPT?  Fully being used for webpage development.  Easy to convert by the computers after receiving the instructions.  Easy to understand and master by developers and users.
  • 6.
  • 7.
    WHAT IS HTML?FUNCTION  Hypertext Markup Language.  Used for creating webpages and web applications.  Provides means to structured documents.  Are used to creates headings, titles, and also paragraphs for a webpage.  Deliver images and URLs.  Backbone of a webpage.
  • 8.
    EXAMPLE OF HTML <!DOCTYPEhtml> <html> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>
  • 9.
  • 10.
  • 11.
    WHAT IS CSS?FUNCTION  Cascading Style Sheets.  Decribing the presentation of a document.  Set the visual style of a webpage.  Designed Primarily to enable the separation of content and presentation.  Provide more flexibility and control in the specification of presentation.  Written under head of HTML and under style .
  • 12.
    EXAMPLE OF CSS <html> <head> <style> p{ text-align: center; color: red; } </style> </head> </html>
  • 13.
  • 14.
  • 15.
    WHAT IS JAVASCRIPT?FUNCTION  Is a script that must to be combine with HTML and CSS to create a specific buttons or icons works.  One of the core of technologies of World Wide Web.  Make webpage more interactive and provide online programs.  It has API that works with text, arrays, and dates.  Also can be used to calculate the operants, equations, or strings.
  • 16.
    EXAMPLE OF JAVASCRIPT <script> vartxt1 = "What a very"; var txt2 = "nice day"; document.getElementById("demo").innerHTML = txt1 + txt2; </script>
  • 17.
  • 18.
    CONCLUSIONS  Webpages aremainly made by these programming language.  HTML is the backbone/head of the webpage.  CSS is incharge in visual of the webpages.  JAVASCRIPT is very useful to make a webpage more interactive.
  • 19.

Editor's Notes

  • #2 In this slides, we will discuss mainly these three famous programming languages. We will start with introduction of the whole idea of the programming language and also some examples of other programming languages.
  • #3 On this slide, we explain on what the whole slides will discuss about.
  • #4 1) A formal language that specifies a set of instructions. -(Definition of programming language) 2) Consists of instructions for a computer. -Language that gives the instructions to the computer. 3) Can be used to create programs. -Programming languages are used to create programs, games and also web development.
  • #5  List of Programming Languages other than HTML, CSS and JAVASCRIPT
  • #6 1) Fully being used for webpage development. - Webpages are made by these programming languages. 2) Easy to convert by the computers after receiving the instructions. - (Mostly, you need to understand how the internet works). 3) Easy to understand and master by developers and users - User and developer friendly.
  • #7 We start with HTML first.
  • #8 1)Hypertext Markup Language. (Long Name) 2)Used for creating webpages and web applications. Usually, this language is being used to create webpage. 3) Structured Documents It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. 4)Are used to creates headings, titles, and also paragraphs for a webpage. (Functions) 5)Deliver images and URLs. This language also can be used to put images and URLs on your webpage.
  • #9  Example of HTML to create webpage
  • #11 Now, it's time for CSS.
  • #12  CSS is being used for visuallity (styles, colors, more) of a webpage's, like texts, boxes, and backgrounds.
  • #13 Example of CSS
  • #15 For the last part is Javascript.
  • #16  Mainly being used to make a buttons or icon on a webpage to work.
  • #20 The End...