HTML, CSS And JAVASCRIPT!

Nov 8, 2017Download as pptx, pdf

1 like1,217 views

In this slide, we will discuss about what are css, html and also javascript. These three languages are very powerful and must be mastered and understood by all programmers and "hackers". This slide will give you a clear view on what are they and their functions. Please note that, this slide does not teach you how to write/program them. This slides is completely for any levels. 1) Easy to understand. 2) Comments are included to make you understand better! 3) Ready to go for any presentation. 4) Full of informations 5) Small but powerful What makes it interesting? - These languages are used in every websites on the internet. Why them? - Seek for yourself in the slide

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.

Most read

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>

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>

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>

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.

HTML is used to create web documents and consists of text and markup tags to define structure, appearance, and hyperlinks. There are two types of tags: container tags define sections of text using start and end tags, and empty tags represent single occurrences like line breaks. CSS is used to style HTML documents and consists of rules with selectors and declarations specifying properties and values to control styling. PHP is a widely used server-side scripting language with roots in C and C++ that is commonly used with MySQL, a popular open-source database, to create dynamic web applications.

Html,javascript & cssPredhin Sapru

This document provides an overview of HTML, CSS, and JavaScript for web development. It discusses the basics of each technology, how they work together, and includes the following key points: - HTML is the markup language that defines the structure and content of a web page. CSS is used to style and lay out elements on the page. JavaScript adds interactive functionality. - Events, functions, and variables are important JavaScript concepts. Events trigger actions, functions contain reusable code, and variables store and retrieve data. - CSS selectors allow styling elements by type, class, ID, and other attributes. The box model, positioning, and other properties control layout. - Common debugging tools like Firebug help

Basic htmlNicha Jutasirivongse

The document provides an introduction to basic HTML tags and concepts. It begins with an overview of HTML as a markup language and covers common tags such as headings, paragraphs, links, and images. It then discusses HTML page structure using tags like <html>, <head>, <body>, and the <DOCTYPE> declaration. The document also covers other important topics such as attributes, headings, comments, text formatting, links, tables, lists, forms, and basic page layouts using <div> tags. Throughout, it provides examples to illustrate each concept and refers the reader to external resources for more details.

HtmlNisa Soomro

This document provides an overview of HTML topics that will be covered in lectures 4, 5, and 6 of a web programming course. It discusses HTML, HTML forms, common HTML tags and their purposes, text formatting tags, images, links, tables, lists, and forms. It also covers iframes, framesets, block and inline elements, the <div> and <span> tags, layouts, and buttons. The document serves as an outline of key HTML concepts and elements that will be explored in more depth during the lectures.

HTML, CSS, JavaScript for beginnersPrakritiDhang

PHP PresentationJIGAR MAKHIJA

Php Tutorials for BeginnersVineet Kumar Saini

PHP is a server-side scripting language that can be embedded into HTML. It is used to dynamically generate client-side code sent as the HTTP response. PHP code is executed on the web server and allows variables, conditional statements, loops, functions, and arrays to dynamically output content. Key features include PHP tags <?php ?> to delimit PHP code, the echo command to output to the client, and variables that can store different data types and change types throughout a program.

CSS BasicsSanjeev Kumar

HTML CSS & JavascriptDavid Lindkvist

HTMLchinesebilli

An Overview of HTML, CSS & Java ScriptFahim Abdullah

HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> and <p> to mark headings and paragraphs. CSS is used to style and lay out HTML elements, using selectors, declarations, and properties to change things like colors and positioning. JavaScript can be added to HTML pages with <script> tags and is used to add interactive elements and dynamic behavior by manipulating HTML and responding to user input. It has data types like strings and numbers and control structures like if/else statements.

Javascript 101Shlomi Komemi

This document provides an introduction to JavaScript, covering basic concepts like data types, variables, operators, conditionals, loops, functions, arrays, and objects. It explains that JavaScript is an interpreted language that allows dynamic and interactive functionality on websites. Key points are demonstrated through examples, like using alert to output "Hello World" and basic math operations with variables.

HTML/CSS/java Script/JqueryFAKHRUN NISHA

The document provides an overview of HTML, CSS, JavaScript and jQuery. It describes what each technology is, examples of common tags and syntax, and how they are used together. HTML is a markup language used to define the structure and layout of web pages using tags. CSS is used to style and lay out HTML elements, and can be linked externally or embedded internally or inline. JavaScript can be used to add interactive elements and dynamic behavior to HTML pages client-side. jQuery is a JavaScript library that simplifies tasks like HTML document traversal and manipulation, events, animations and Ajax.

Basic of HTML, CSS(StyleSheet), JavaScript(js), Bootstrap, JSON & AngularJSDeepak Upadhyay

Bootstrap 5 pptMallikarjuna G D

Html pptRuchi Kumari

HTML is a markup language used to define the structure and layout of web pages. HTML documents contain HTML elements that define different parts of the page like headings, paragraphs, lists, links, and more. Key HTML elements include <html> <head> <body> <h1>-<h6> for headings, <p> for paragraphs, <ul> and <ol> for unordered and ordered lists, <a> for links, <img> for images, <table> for tables, and <form> for forms. HTML documents are text files that use tags enclosed in < > to define elements and attributes provide additional information about elements.

Intro to HTML and CSS basicsEliran Eliassy

This document provides an overview of HTML and CSS topics including: - A brief history of HTML and CSS standards from 1990 to present. - Descriptions of common HTML elements like <body>, <head>, <img>, <a>, and lists. - Explanations of CSS concepts like selectors, properties, units, positioning, and layout fundamentals. - Details on CSS topics like the box model, centering content, semantic HTML, and flexbox. The document serves as a course outline or reference for learning HTML and CSS fundamentals.

Lab #2: Introduction to JavascriptWalid Ashraf

This document provides an introduction to JavaScript and its uses for web programming. It explains that JavaScript is a client-side scripting language that allows web pages to become interactive. Some key points covered include: - JavaScript can change HTML content, styles, validate data, and make calculations. - Functions are blocks of code that perform tasks when invoked by events or called in code. - Events like clicks or keyboard presses trigger JavaScript code. - The DOM (Document Object Model) represents an HTML document that JavaScript can access and modify. - Forms and user input can be accessed and processed using the DOM. - Programming flow can be controlled with conditional and loop statements. -

Html and cssSukrit Gupta

HTML and CSS are markup languages used to structure and style web pages. HTML is used to define the structure and semantics of content, while CSS handles the presentation and layout. Some key points covered include: - HTML stands for Hypertext Markup Language and uses tags to structure content into headings, paragraphs, lists etc. CSS is used to specify rules that control the presentation and formatting of HTML elements. - The box model is a fundamental concept in CSS that treats each HTML element as a box, including properties like margins, borders, padding and content. - Common CSS selectors include element selectors, class selectors, ID selectors and pseudo-classes. The specificity of selectors determines which styles

HtmlNandakumar Ganapathy

This document provides an introduction to HTML (Hypertext Markup Language) by explaining some key concepts: - HTML is used to create web pages and is a markup language that uses tags to describe the structure and layout of content. It is not a programming language. - Common HTML elements and tags are explained, including container tags that have opening and closing tags, and empty elements that only have opening tags. - The document demonstrates how to write basic HTML code and open HTML files in a web browser. It provides examples of common text formatting, list, image, and table tags.

About Best friends - HTML, CSS and JSNaga Harish M

HTML & CSS MasterclassBernardo Raposo

This document provides an introduction to HTML and CSS. It discusses what HTML and CSS are used for, with HTML defining the content or structure of a document and CSS controlling the style. It outlines some of the most important HTML elements like <div>, <span>, <p>, and <h1-h6> and how they are used. It also introduces new HTML5 elements like <header>, <nav>, <section>, <article>, and <aside>. The document then discusses CSS selectors for targeting elements, properties for changing elements, and values. It notes that browsers have default styling and custom properties. Finally, it encourages keeping CSS simple and mentions available frameworks.

HTML Introduction, HTML History, HTML Uses, HTML benifitsPro Guide

Web Development using HTML & CSSShashank Skills Academy

Introduction to Web DevelopmentParvez Mahbub

This document provides an introduction to web development technologies including HTML, CSS, JavaScript, and PHP. It explains that HTML is the standard markup language used to structure web pages, CSS is used to style web pages, and JavaScript adds interactivity. It also distinguishes between client-side and server-side technologies, noting that JavaScript, HTML, and CSS are client-side and run in the browser, while server-side languages like PHP run on the web server. The document provides examples of how each technology works and is used to build dynamic web pages.

Introduction to HTML and CSSMario Hernandez

The document provides an agenda for a workshop on HTML, CSS, and putting them together. It covers HTML topics like semantic tags, comments, and best practices. It then discusses CSS topics such as IDs vs classes, floats, shorthand, and putting HTML and CSS together with project structure and layouts. The workshop aims to give an introduction to HTML, CSS, and how to structure websites using these languages.

Htmlyugank_gupta

HTML is the standard markup language used to create web pages. It provides a structure and layout for text, images, and other content. The document explains the basic components of an HTML page, including the <head> and <body> tags, common text formatting tags, links, lists, and tables. It recommends learning HTML tags through online resources or by examining the source code of existing web pages, and emphasizes starting simply with tags like <head>, <title>, <h2>, and <p>.

Introduction of Html/css/jsKnoldus Inc.

Choice of programming language for web developing.Mohammad Kamrul Hasan

Fundamentals of Web buildingRC Morales

More Related Content

What's hot (20)

HTML CSS & JavascriptDavid Lindkvist

HTMLchinesebilli

An Overview of HTML, CSS & Java ScriptFahim Abdullah

Javascript 101Shlomi Komemi

HTML/CSS/java Script/JqueryFAKHRUN NISHA

Basic of HTML, CSS(StyleSheet), JavaScript(js), Bootstrap, JSON & AngularJSDeepak Upadhyay

Bootstrap 5 pptMallikarjuna G D

Html pptRuchi Kumari

Intro to HTML and CSS basicsEliran Eliassy

Lab #2: Introduction to JavascriptWalid Ashraf

Html and cssSukrit Gupta

HtmlNandakumar Ganapathy

About Best friends - HTML, CSS and JSNaga Harish M

HTML & CSS MasterclassBernardo Raposo

HTML Introduction, HTML History, HTML Uses, HTML benifitsPro Guide

Web Development using HTML & CSSShashank Skills Academy

Introduction to Web DevelopmentParvez Mahbub

Introduction to HTML and CSSMario Hernandez

Htmlyugank_gupta

Introduction of Html/css/jsKnoldus Inc.

HTML CSS & JavascriptDavid Lindkvist

HTMLchinesebilli

An Overview of HTML, CSS & Java ScriptFahim Abdullah

Javascript 101Shlomi Komemi

HTML/CSS/java Script/JqueryFAKHRUN NISHA

Basic of HTML, CSS(StyleSheet), JavaScript(js), Bootstrap, JSON & AngularJSDeepak Upadhyay

Bootstrap 5 pptMallikarjuna G D

Html pptRuchi Kumari

Intro to HTML and CSS basicsEliran Eliassy

Lab #2: Introduction to JavascriptWalid Ashraf

Html and cssSukrit Gupta

HtmlNandakumar Ganapathy

About Best friends - HTML, CSS and JSNaga Harish M

HTML & CSS MasterclassBernardo Raposo

HTML Introduction, HTML History, HTML Uses, HTML benifitsPro Guide

Web Development using HTML & CSSShashank Skills Academy

Introduction to Web DevelopmentParvez Mahbub

Introduction to HTML and CSSMario Hernandez

Htmlyugank_gupta

Introduction of Html/css/jsKnoldus Inc.

Similar to HTML, CSS And JAVASCRIPT! (20)

Choice of programming language for web developing.Mohammad Kamrul Hasan

Fundamentals of Web buildingRC Morales

web devs ppt.ppsxAsendraChauhan1

This document provides an overview of key web development technologies including HTML, CSS, JavaScript, PHP, MySQL, and ReactJS. It describes what each technology is used for and basic syntax or implementation. HTML is used to define the structure and content of web pages. CSS is used to style and lay out elements on web pages. JavaScript can enhance interactivity, AJAX, and is used widely with front-end frameworks. PHP is a server-side scripting language often used for dynamic content and forms. MySQL is a relational database used to store and retrieve user and application data. ReactJS is a popular JavaScript library that uses reusable components to build user interfaces.

Introduction to HTML+CSS+Javascript by Deepu.pptxdeepuranjankumar08

Web Development basics with WordPressRashna Maharjan

This document provides an overview of basics in web development including HTML, CSS, JavaScript, and WordPress. It discusses the structure and components of HTML, different HTML elements and tags, CSS syntax and selectors, uses of JavaScript, and an introduction to WordPress including why it is commonly used and the WordPress development process. The document aims to provide foundational knowledge on key web development technologies through explanations, examples, and a quiz.

Activity 5John Vincent Caño

The document provides an overview of learning the core languages for web development: HTML, CSS, JavaScript, and PHP. It explains that HTML provides structure, CSS handles design, JavaScript adds interactivity, and PHP enables interaction between the client and server. Samples of code are provided for each language to demonstrate their basic functions. The document emphasizes that web development can be learned using just a text editor and browser, though there may be difficulties along the way. A solid understanding of key concepts for each language is important for learning them all.

JS BASICS JAVA SCRIPT SCRIPTINGArulkumar

JAVA SCRIPTGo4Guru

This document provides an introduction to JavaScript by explaining what it is, how it differs from Java, how it works within web browsers to make pages interactive, and some common uses of JavaScript including form validation and manipulating HTML elements. It discusses how JavaScript code is embedded in HTML pages and executed on the client-side, and provides some simple examples of JavaScript statements and using JavaScript with HTML forms.

Unit 4 Java script.pptxGangesh8

JavaScript is a scripting language used to make web pages interactive. It allows client-side code to interact with users and dynamically update pages. JavaScript can be used to add interactivity to websites through features like dropdown menus, alerts, and animations. It is commonly used by placing <script> tags in HTML pages and can also be linked via external .js files. JavaScript has many operators for arithmetic, comparison, logical, and bitwise operations that allow it to manipulate variables and values.

Before startMedhat Dawoud

The document provides an introduction and overview of HTML, CSS, JavaScript, and how the web works. It discusses the difference between static and dynamic webpages. Key points include: - The World Wide Web consists of clients and servers connected over the internet that communicate using HTTP. Webpages, images, and files are requested and returned between clients and servers. - HTML is used to define the structure and content of a webpage. CSS is used for presentation and styling. JavaScript adds interactivity. - Static webpages only provide information with no user interaction, while dynamic webpages use server-side scripts like PHP to interact with users. - The document gives examples of HTML tags, CSS stylesheets

Web development it slideWeb development it slidemy web development slide-...AliyuUmarIsa

Hushang GaikwadHushnag Gaikwad

This document provides an introduction to HTML, CSS, and JavaScript. It defines HTML as the standard markup language for creating web pages using tags to describe structure. CSS is described as using cascading style sheets to describe how HTML elements are displayed, and can be applied internally, inline, or via external stylesheets. JavaScript is defined as an interpreted scripting language that can display data in alerts, by writing to the HTML output or browser console, or modifying HTML elements.

Javascript Html Css A Stepbystep Guide Student Studentzorahpyzer7p

internship presentation 123445667890987adhimanakshit76

Rakshat bhatiRakshat bhati

The document discusses the three main layers of front-end web development: structure with HTML, style with CSS, and behavior with JavaScript. It provides an overview of HTML, describing it as the basic language used to write web pages and its tags which provide structure and meaning to content. CSS is described as controlling how HTML elements are displayed and allowing the styling of multiple pages at once. JavaScript is outlined as a scripting language that can add dynamic functionality and logic to HTML pages, such as form validation, tabs, and image menus. The document demonstrates how these three layers work together to build a complete web page.

Web Development Fundamentals UNIT 1 & 2.pptxGayathriPG3

HTML_CSS_JS WorkshopGDSC UofT Mississauga

[CSSC x GDSC] Frontend Workshop Brian Zhang on February 2, 2023 Feeling “juicy juicy”? 😌 *** your ***** this Thursday and join our hands-on frontend workshop where we'll teach you HTML, CSS, and JavaScript! No experience? 💯 No problem! Take your first step 🐤 towards a yummy new 🎉🎉 career 💼💅 in frontend development. Our frontend pros will guide you through building a whole website from scratch. 🥐 Don't miss out on this opportunity to jumpstart your career in frontend web development. So, shake that ***** ***** all the way to MN 2130 and take the first step towards becoming a pro!

3DOT Technologiessonusarraf245

Web development using HTML and CSSSiddhantSingh980217

Introduction to JavaScriptAndres Baravalle

Choice of programming language for web developing.Mohammad Kamrul Hasan

Fundamentals of Web buildingRC Morales

web devs ppt.ppsxAsendraChauhan1

Introduction to HTML+CSS+Javascript by Deepu.pptxdeepuranjankumar08

Web Development basics with WordPressRashna Maharjan

Activity 5John Vincent Caño

JS BASICS JAVA SCRIPT SCRIPTINGArulkumar

JAVA SCRIPTGo4Guru

Unit 4 Java script.pptxGangesh8

Before startMedhat Dawoud

Web development it slideWeb development it slidemy web development slide-...AliyuUmarIsa

Hushang GaikwadHushnag Gaikwad

Javascript Html Css A Stepbystep Guide Student Studentzorahpyzer7p

internship presentation 123445667890987adhimanakshit76

Rakshat bhatiRakshat bhati

Web Development Fundamentals UNIT 1 & 2.pptxGayathriPG3

HTML_CSS_JS WorkshopGDSC UofT Mississauga

3DOT Technologiessonusarraf245

Web development using HTML and CSSSiddhantSingh980217

Introduction to JavaScriptAndres Baravalle

Recently uploaded (20)

Gibson "Secrets to Changing Behaviour in Scholarly Communication: A 2025 NISO...National Information Standards Organization (NISO)

$Basic English for Communication - Dr Hj Euis Eti Rohaeti Mpd$ $Basic English for Communication - Dr Hj Euis Eti Rohaeti Mpd$

Basic English for Communication - Dr Hj Euis Eti Rohaeti MpdRestu Bias Primandhika

Unit- 4 Biostatistics & Research Methodology.pdfKRUTIKA CHANNE

Blocking and confounding (when a third variable, or confounder, influences both the exposure and the outcome) system for Two-level factorials (a type of experimental design where each factor (independent variable) is investigated at only two levels, typically denoted as "high" and "low" or "+1" and "-1") Regression modeling (statistical model that estimates the relationship between one dependent variable and one or more independent variables using a line): Hypothesis testing in Simple and Multiple regression models Introduction to Practical components of Industrial and Clinical Trials Problems: Statistical Analysis Using Excel, SPSS, MINITAB®️, DESIGN OF EXPERIMENTS, R - Online Statistical Software to Industrial and Clinical trial approach

How to Create an Event in Odoo 18 - Odoo 18 SlidesCeline George

Module 4 Presentation - Enhancing Competencies and Engagement Strategies in Y...GeorgeDiamandis11

Hemiptera & Neuroptera: Insect Diversity.pptxArshad Shaikh

*Order Hemiptera:* Hemiptera, commonly known as true bugs, is a large and diverse order of insects that includes cicadas, aphids, leafhoppers, and shield bugs. Characterized by their piercing-sucking mouthparts, Hemiptera feed on plant sap, other insects, or small animals. Many species are significant pests, while others are beneficial predators. *Order Neuroptera:* Neuroptera, also known as net-winged insects, is an order of insects that includes lacewings, antlions, and owlflies. Characterized by their delicate, net-like wing venation and large, often prominent eyes, Neuroptera are predators that feed on other insects, playing an important role in biological control. Many species have aquatic larvae, adding to their ecological diversity.

How to Manage Upselling of Subscriptions in Odoo 18Celine George

LDMMIA Reiki Yoga Next Week Grad UpdatesLDM & Mia eStudios

A short update and next week. I am writing both Session 9 and Orientation S1. As a Guest Student, You are now upgraded to Grad Level. See Uploads for “Student Checkin” & “S8”. Thx. Thank you for attending our workshops. If you are new, do welcome. Grad Students: I am planning a Reiki-Yoga Master Course (As a package). I’m Fusing both together. This will include the foundation of each practice. Our Free Workshops can be used with any Reiki Yoga training package. Traditional Reiki does host rules and ethics. Its silent and within the JP Culture/Area/Training/Word of Mouth. It allows remote healing but there’s limits As practitioners and masters. We are not allowed to share certain secrets/tools. Some content is designed only for “Masters”. Some yoga are similar like the Kriya Yoga-Church (Vowed Lessons). We will review both Reiki and Yoga (Master tools) in the Course upcoming. Session Practice, For Reference: Before starting a session, Make sure to check your environment. Nothing stressful. Later, You can decorate a space as well. Check the comfort level, any needed resources (Yoga/Reiki/Spa Props), or Meditation Asst? Props can be oils, sage, incense, candles, crystals, pillows, blankets, yoga mat, any theme applies. Select your comfort Pose. This can be standing, sitting, laying down, or a combination. Monitor your breath. You can add exercises. Add any mantras or affirmations. This does aid mind and spirit. It helps you to focus. Also you can set intentions using a candle. The Yoga-key is balancing mind, body, and spirit. Finally, The Duration can be long or short. Its a good session base for any style. Next Week’s Focus: A continuation of Intuition Development. We will review the Chakra System - Our temple. A misguided, misused situation lol. This will also serve Attunement later. For Sponsor, General updates, & Donations: Please visit: https://ldmchapels.weebly.com

How to Create a Rainbow Man Effect in Odoo 18Celine George

EUPHORIA GENERAL QUIZ FINALS | QUIZ CLUB OF PSGCAS | 21 MARCH 2025Quiz Club of PSG College of Arts & Science

Nice Dream.pdf /ErinUsher3

Rose Cultivation Practices by Kushal Lamichhane.pdfkushallamichhame

Pfeiffer "Secrets to Changing Behavior in Scholarly Communication: A 2025 NIS...National Information Standards Organization (NISO)

Optimization technique in pharmaceutical product development.pptxUrmiPrajapati3

How to Configure Vendor Management in Lunch App of Odoo 18Celine George

How to Create Quotation Templates Sequence in Odoo 18 SalesCeline George

june 10 2025 ppt for madden on art science is over.pptxroger malina

Exploring Ocean Floor Features for Middle SchoolMarie

Unit 3 Poster Sketches with annotations.pptxbobby205207

FEBA Sofia Univercity final diplian v3 GSDG 5.2025.pdfChristinaFortunova

Gibson "Secrets to Changing Behaviour in Scholarly Communication: A 2025 NISO...National Information Standards Organization (NISO)

$Basic English for Communication - Dr Hj Euis Eti Rohaeti Mpd$ $Basic English for Communication - Dr Hj Euis Eti Rohaeti Mpd$

Basic English for Communication - Dr Hj Euis Eti Rohaeti MpdRestu Bias Primandhika

Unit- 4 Biostatistics & Research Methodology.pdfKRUTIKA CHANNE

How to Create an Event in Odoo 18 - Odoo 18 SlidesCeline George

Module 4 Presentation - Enhancing Competencies and Engagement Strategies in Y...GeorgeDiamandis11

Hemiptera & Neuroptera: Insect Diversity.pptxArshad Shaikh

How to Manage Upselling of Subscriptions in Odoo 18Celine George

LDMMIA Reiki Yoga Next Week Grad UpdatesLDM & Mia eStudios

How to Create a Rainbow Man Effect in Odoo 18Celine George

EUPHORIA GENERAL QUIZ FINALS | QUIZ CLUB OF PSGCAS | 21 MARCH 2025Quiz Club of PSG College of Arts & Science

Nice Dream.pdf /ErinUsher3

Rose Cultivation Practices by Kushal Lamichhane.pdfkushallamichhame

Pfeiffer "Secrets to Changing Behavior in Scholarly Communication: A 2025 NIS...National Information Standards Organization (NISO)

Optimization technique in pharmaceutical product development.pptxUrmiPrajapati3

How to Configure Vendor Management in Lunch App of Odoo 18Celine George

How to Create Quotation Templates Sequence in Odoo 18 SalesCeline George

june 10 2025 ppt for madden on art science is over.pptxroger malina

Exploring Ocean Floor Features for Middle SchoolMarie

Unit 3 Poster Sketches with annotations.pptxbobby205207

FEBA Sofia Univercity final diplian v3 GSDG 5.2025.pdfChristinaFortunova

HTML, CSS And JAVASCRIPT!

1. HTML, CSS And JAVASCRIPT Created By Syahmi RH

2. 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).

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 OTHER PROGRAMMING LANGUAGES  C++  C#  C  Ruby  Python  Haskell  Visual Basic

5. 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.

6. HTML (Hypertext Markup Language)

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 <!DOCTYPE html> <html> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html>

9. SCREENSHOTS OF HTML

10. CSS (Cascading Style Sheets)

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. SCREENSHOT OF CSS

14. JAVASCRIPT

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> var txt1 = "What a very"; var txt2 = "nice day"; document.getElementById("demo").innerHTML = txt1 + txt2; </script>

17. SCREENSHOT OF JAVASCRIPT

18. 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.

19. THANK YOU

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...

HTML, CSS And JAVASCRIPT!

Recommended

More Related Content

What's hot (20)

Similar to HTML, CSS And JAVASCRIPT! (20)

Recently uploaded (20)

HTML, CSS And JAVASCRIPT!

Editor's Notes