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
PDF
Basic html
PPTX
Css Basics
PPTX
Html notes with Examples
 
PPTX
Cascading style sheet
PDF
Php Tutorials for Beginners
PPTX
Introduction to JavaScript
PPTX
Cascading style sheets (CSS)
PPTX
An Overview of HTML, CSS & Java Script
PPT
Web Development using HTML & CSS
ODP
Introduction of Html/css/js
PPTX
Front-End Web Development
PPTX
PDF
Intro to HTML, CSS & JS - Internship Presentation Week-3
PPTX
HTML (Web) basics for a beginner
PPTX
Dynamic HTML (DHTML)
PPTX
How to learn HTML in 10 Days
PDF
Introduction to asp.net
PPT
CSS Basics
PDF
HTML CSS Basics
PPTX
HTML/CSS/java Script/Jquery
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
PDF
Basic html
PPTX
Css Basics
PPTX
Html notes with Examples
 
PPTX
Cascading style sheet
PDF
Php Tutorials for Beginners
PPTX
Introduction to JavaScript
PPTX
Cascading style sheets (CSS)
Html,javascript & css
Basic html
Css Basics
Html notes with Examples
 
Cascading style sheet
Php Tutorials for Beginners
Introduction to JavaScript
Cascading style sheets (CSS)

What's hot

PPTX
An Overview of HTML, CSS & Java Script
PPT
Web Development using HTML & CSS
ODP
Introduction of Html/css/js
PPTX
Front-End Web Development
PPTX
PDF
Intro to HTML, CSS & JS - Internship Presentation Week-3
PPTX
HTML (Web) basics for a beginner
PPTX
Dynamic HTML (DHTML)
PPTX
How to learn HTML in 10 Days
PDF
Introduction to asp.net
PPT
CSS Basics
PDF
HTML CSS Basics
PPTX
HTML/CSS/java Script/Jquery
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
Introduction of Html/css/js
Front-End Web Development
Intro to HTML, CSS & JS - Internship Presentation Week-3
HTML (Web) basics for a beginner
Dynamic HTML (DHTML)
How to learn HTML in 10 Days
Introduction to asp.net
CSS Basics
HTML CSS Basics
HTML/CSS/java Script/Jquery
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
Activity 5
PPTX
Before start
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
Activity 5
Before start
Hushang Gaikwad
3DOT Technologies

Recently uploaded

PPTX
Pig- piggy bank in Big Data Analytics.ppt.pptx
PDF
FAMILY ASSESSMENT FORMAT - CHN practical
PPTX
How to use search_read method in Odoo 18
PPTX
Details of Muscular-and-Nervous-Tissues.pptx
DOCX
Mobile applications Devlopment ReTest year 2025-2026
PDF
M.Sc. Nonchordates Complete Syllabus PPT | All Important Topics Covered
PPTX
Searching in PubMed andCochrane_Practical Presentation.pptx
PDF
Analyzing the data of your initial survey
PDF
Projecte de la porta de la classe de primer A: Mar i cel.
PPTX
How to Configure Push & Pull Rule in Odoo 18 Inventory
PDF
BỘ TEST KIỂM TRA CUỐI HỌC KÌ 1 - TIẾNG ANH 6-7-8-9 GLOBAL SUCCESS - PHIÊN BẢN...
PPTX
How to Manage Line Discounts in Odoo 18 POS
PPTX
Semester 6 UNIT 2 Dislocation of hip.pptx
PDF
NAVIGATE PHARMACY CAREER OPPORTUNITIES.pdf
PDF
All Students Workshop 25 Yoga Wellness by LDMMIA
PPTX
The Cell & Cell Cycle-detailed structure and function of organelles.pptx
PPTX
ICH Harmonization A Global Pathway to Unified Drug Regulation.pptx
PPTX
ATTENTION -PART 2.pptx Shilpa Hotakar for I semester BSc students
PPTX
Accounting Skills Paper-II (Registers of PACs and Credit Co-operative Societies)
PPTX
Semester 6 unit 2 Atopic dermatitis.pptx
Pig- piggy bank in Big Data Analytics.ppt.pptx
FAMILY ASSESSMENT FORMAT - CHN practical
How to use search_read method in Odoo 18
Details of Muscular-and-Nervous-Tissues.pptx
Mobile applications Devlopment ReTest year 2025-2026
M.Sc. Nonchordates Complete Syllabus PPT | All Important Topics Covered
Searching in PubMed andCochrane_Practical Presentation.pptx
Analyzing the data of your initial survey
Projecte de la porta de la classe de primer A: Mar i cel.
How to Configure Push & Pull Rule in Odoo 18 Inventory
BỘ TEST KIỂM TRA CUỐI HỌC KÌ 1 - TIẾNG ANH 6-7-8-9 GLOBAL SUCCESS - PHIÊN BẢN...
How to Manage Line Discounts in Odoo 18 POS
Semester 6 UNIT 2 Dislocation of hip.pptx
NAVIGATE PHARMACY CAREER OPPORTUNITIES.pdf
All Students Workshop 25 Yoga Wellness by LDMMIA
The Cell & Cell Cycle-detailed structure and function of organelles.pptx
ICH Harmonization A Global Pathway to Unified Drug Regulation.pptx
ATTENTION -PART 2.pptx Shilpa Hotakar for I semester BSc students
Accounting Skills Paper-II (Registers of PACs and Credit Co-operative Societies)
Semester 6 unit 2 Atopic dermatitis.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