Movatterモバイル変換


[0]ホーム

URL:


SR
Uploaded bySyahmi RH
PPTX, PDF1,615 views

HTML, CSS And JAVASCRIPT!

The document explains the fundamentals of programming languages, specifically focusing on HTML, CSS, and JavaScript. It details their functions in web development, with HTML as the structural backbone, CSS for styling, and JavaScript for interactivity. The document includes examples of code for each language and concludes that these three languages are essential for creating webpages.

Embed presentation

Downloaded 61 times
HTML, CSSAndJAVASCRIPTCreated 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 andJAVASCRIPT).
WHAT IS PROGRAMMINGLANGUAGE? A formal language that specifies a set ofinstructions. Consists of instructions for a computer. Can be used to create programs, games, andwebpage .
EXAMPLES OF OTHER PROGRAMMINGLANGUAGES C++ C# C Ruby Python Haskell Visual Basic
WHYHTML, CSS AND JAVASCRIPT? Fully being used for webpage development. Easy to convert by the computers after receivingthe instructions. Easy to understand and master by developers andusers.
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 paragraphsfor 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 contentand presentation. Provide more flexibility and control in the specification ofpresentation. 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 tocreate a specific buttons or icons works. One of the core of technologies of World Wide Web. Make webpage more interactive and provide onlineprograms. It has API that works with text, arrays, and dates. Also can be used to calculate the operants, equations, orstrings.
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 theseprogramming language. HTML is the backbone/head of the webpage. CSS is incharge in visual of the webpages. JAVASCRIPT is very useful to make a webpagemore interactive.
THANK YOU

Recommended

PDF
Html,javascript & css
PPTX
Css Basics
PDF
Basic html
PPTX
Html notes with Examples
 
PDF
Php Tutorials for Beginners
PPTX
Cascading style sheet
PPTX
Introduction to JavaScript
PPTX
Cascading style sheets (CSS)
PPTX
An Overview of HTML, CSS & Java Script
PPT
Web Development using HTML & CSS
PPTX
Front-End Web Development
ODP
Introduction of Html/css/js
PDF
Intro to HTML, CSS & JS - Internship Presentation Week-3
PPTX
PPTX
HTML (Web) basics for a beginner
PPTX
Dynamic HTML (DHTML)
PDF
Introduction to asp.net
PPTX
How to learn HTML in 10 Days
PPTX
HTML/CSS/java Script/Jquery
PPT
CSS Basics
PDF
HTML CSS Basics
PPTX
Css types internal, external and inline (1)
PPT
Introduction to Web Programming - first course
PDF
Basic Details of HTML and CSS.pdf
PPTX
Css selectors
PDF
jQuery for beginners
PPTX
Html images syntax
PPTX
Web development using HTML and CSS
PPT
JAVA SCRIPT

More Related Content

PDF
Html,javascript & css
PPTX
Css Basics
PDF
Basic html
PPTX
Html notes with Examples
 
PDF
Php Tutorials for Beginners
PPTX
Cascading style sheet
PPTX
Introduction to JavaScript
PPTX
Cascading style sheets (CSS)
Html,javascript & css
Css Basics
Basic html
Html notes with Examples
 
Php Tutorials for Beginners
Cascading style sheet
Introduction to JavaScript
Cascading style sheets (CSS)

What's hot

PPTX
An Overview of HTML, CSS & Java Script
PPT
Web Development using HTML & CSS
PPTX
Front-End Web Development
ODP
Introduction of Html/css/js
PDF
Intro to HTML, CSS & JS - Internship Presentation Week-3
PPTX
PPTX
HTML (Web) basics for a beginner
PPTX
Dynamic HTML (DHTML)
PDF
Introduction to asp.net
PPTX
How to learn HTML in 10 Days
PPTX
HTML/CSS/java Script/Jquery
PPT
CSS Basics
PDF
HTML CSS Basics
PPTX
Css types internal, external and inline (1)
PPT
Introduction to Web Programming - first course
PDF
Basic Details of HTML and CSS.pdf
PPTX
Css selectors
PDF
jQuery for beginners
PPTX
Html images syntax
An Overview of HTML, CSS & Java Script
Web Development using HTML & CSS
Front-End Web Development
Introduction of Html/css/js
Intro to HTML, CSS & JS - Internship Presentation Week-3
HTML (Web) basics for a beginner
Dynamic HTML (DHTML)
Introduction to asp.net
How to learn HTML in 10 Days
HTML/CSS/java Script/Jquery
CSS Basics
HTML CSS Basics
Css types internal, external and inline (1)
Introduction to Web Programming - first course
Basic Details of HTML and CSS.pdf
Css selectors
jQuery for beginners
Html images syntax

Similar to HTML, CSS And JAVASCRIPT!

PPTX
Web development using HTML and CSS
PPT
JAVA SCRIPT
PPTX
Choice of programming language for web developing.
PPTX
Web Development basics with WordPress
PDF
Javascript Html Css A Stepbystep Guide Student Student
PPTX
Unit 4 Java script.pptx
PPTX
Introduction to HTML+CSS+Javascript by Deepu.pptx
PPTX
Web Development Fundamentals UNIT 1 & 2.pptx
PPTX
internship presentation 123445667890987a
PDF
CSS & Programming Language.pdf language comp
PPTX
Fundamentals of Web building
PPTX
Web development it slideWeb development it slidemy web development slide-...
PPSX
web devs ppt.ppsx
PDF
JS BASICS JAVA SCRIPT SCRIPTING
PPTX
Rakshat bhati
PDF
HTML_CSS_JS Workshop
PPTX
Before start
PPTX
Activity 5
PPTX
Hushang Gaikwad
PPTX
3DOT Technologies
Web development using HTML and CSS
JAVA SCRIPT
Choice of programming language for web developing.
Web Development basics with WordPress
Javascript Html Css A Stepbystep Guide Student Student
Unit 4 Java script.pptx
Introduction to HTML+CSS+Javascript by Deepu.pptx
Web Development Fundamentals UNIT 1 & 2.pptx
internship presentation 123445667890987a
CSS & Programming Language.pdf language comp
Fundamentals of Web building
Web development it slideWeb development it slidemy web development slide-...
web devs ppt.ppsx
JS BASICS JAVA SCRIPT SCRIPTING
Rakshat bhati
HTML_CSS_JS Workshop
Before start
Activity 5
Hushang Gaikwad
3DOT Technologies

Recently uploaded

PPTX
Pig- piggy bank in Big Data Analytics.ppt.pptx
PPTX
Pain. definition, causes, factor influencing pain & pain assessment.pptx
PPTX
10-12-2025 Francois Staring How can Researchers and Initial Teacher Educators...
PPTX
How to use search_read method in Odoo 18
PPTX
Searching in PubMed andCochrane_Practical Presentation.pptx
PPTX
Limpitlaw "Licensing: From Mindset to Milestones"
PDF
Models of Teaching - TNTEU - B.Ed I Semester - Teaching and Learning - BD1TL ...
PDF
Projecte de la porta d'i5B: Els animals marins
PDF
Scalable-MADDPG-Based Cooperative Target Invasion for a Multi-USV System.pdf
PPTX
Details of Epithelial and Connective Tissue.pptx
PPTX
TAMIS & TEMS - HOW, WHY and THE STEPS IN PROCTOLOGY
PDF
NAVIGATE PHARMACY CAREER OPPORTUNITIES.pdf
PPTX
ICH Harmonization A Global Pathway to Unified Drug Regulation.pptx
PPTX
How to Manage Line Discounts in Odoo 18 POS
PDF
Current Electricity for first year physiotherapy
PPTX
Introduction-to-Anatomy-and-Physiology.pptx
PPTX
ATTENTION -PART 2.pptx Shilpa Hotakar for I semester BSc students
PPTX
extracting significant information to formulate sound judgement
PPTX
York "Collaboration for Research Support at U-M Library"
PPTX
ELEMENTS OF COMMUNICATION (UNIT 2) .pptx
Pig- piggy bank in Big Data Analytics.ppt.pptx
Pain. definition, causes, factor influencing pain & pain assessment.pptx
10-12-2025 Francois Staring How can Researchers and Initial Teacher Educators...
How to use search_read method in Odoo 18
Searching in PubMed andCochrane_Practical Presentation.pptx
Limpitlaw "Licensing: From Mindset to Milestones"
Models of Teaching - TNTEU - B.Ed I Semester - Teaching and Learning - BD1TL ...
Projecte de la porta d'i5B: Els animals marins
Scalable-MADDPG-Based Cooperative Target Invasion for a Multi-USV System.pdf
Details of Epithelial and Connective Tissue.pptx
TAMIS & TEMS - HOW, WHY and THE STEPS IN PROCTOLOGY
NAVIGATE PHARMACY CAREER OPPORTUNITIES.pdf
ICH Harmonization A Global Pathway to Unified Drug Regulation.pptx
How to Manage Line Discounts in Odoo 18 POS
Current Electricity for first year physiotherapy
Introduction-to-Anatomy-and-Physiology.pptx
ATTENTION -PART 2.pptx Shilpa Hotakar for I semester BSc students
extracting significant information to formulate sound judgement
York "Collaboration for Research Support at U-M Library"
ELEMENTS OF COMMUNICATION (UNIT 2) .pptx

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 andJAVASCRIPT).
  • 3.
    WHAT IS PROGRAMMINGLANGUAGE?A formal language that specifies a set ofinstructions. Consists of instructions for a computer. Can be used to create programs, games, andwebpage .
  • 4.
    EXAMPLES OF OTHERPROGRAMMINGLANGUAGES C++ C# C Ruby Python Haskell Visual Basic
  • 5.
    WHYHTML, CSS ANDJAVASCRIPT? Fully being used for webpage development. Easy to convert by the computers after receivingthe instructions. Easy to understand and master by developers andusers.
  • 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 paragraphsfor 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 contentand presentation. Provide more flexibility and control in the specification ofpresentation. 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 tocreate a specific buttons or icons works. One of the core of technologies of World Wide Web. Make webpage more interactive and provide onlineprograms. It has API that works with text, arrays, and dates. Also can be used to calculate the operants, equations, orstrings.
  • 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 theseprogramming language. HTML is the backbone/head of the webpage. CSS is incharge in visual of the webpages. JAVASCRIPT is very useful to make a webpagemore 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...

[8]ページ先頭

©2009-2025 Movatter.jp