HTML, CSS And JAVASCRIPT!

Nov 8, 2017Download as PPTX, PDF1 like1,160 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.

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.

The document summarizes the key aspects of the K-12 education system overhaul in the Philippines including the introduction of a new senior high school program. It outlines the new senior high school tracks, subjects, facilities, schedules, teachers, grading system and components. The grading system introduces ratings of Did Not Meet Expectations to Outstanding based on performance and uses weighted averages of written work, performance tasks and final exams to determine overall grades.

EMPOWERMENT TECHNOLOGIES - LESSON 2PATRONAGE OF MARY DEVELOPMENT SCHOOL (PMDS)

Online courseregistration tolstoyyirgalem ameshe

The document describes a database project to create an online course registration system for a university. It includes entities like students, instructors, departments, courses, classrooms, and relationships between them. The project aims to understand data modeling concepts and implement a fully functional database interacting with a front-end interface. Major design decisions included changing the student profile picture type to reduce storage and adding a term field to classrooms to track past semesters. Functionalities for students include registering courses, viewing schedules, and requesting graduation, while instructors can add/edit courses and view schedules.

Computer hardware and its componentsDIrectorate of Information Technology, Govt. of KPK

Computer hardware refers to the physical components that make up a computer system. It includes processing components like the CPU and memory, as well as input devices, output devices, and storage devices. The CPU fetches and executes instructions from memory. Memory comes in different types, including cache memory, RAM, and ROM. Input devices like keyboards and mice allow entering data. Output devices like monitors and printers display or print the output. Storage devices such as hard drives and optical discs store data for later use.

Professional ethics (chapter_one)_rev1[1]johnbobfox

This document discusses the importance of professional ethics, particularly for engineering. It addresses three accounts of what constitutes a profession: sociological, social practice, and Socratic. Engineering can be considered a true profession under the Socratic account, as engineers have extensive training, serve the public good, and are obligated to protect health and safety. However, engineers' status is questionable under other accounts due to lack of complete control over their work and limited autonomy. The document also notes that ethics are crucial for professionalism to maintain public trust and prevent exploitation. Professional ethics provide standards to guide conduct beyond what is legally required.

Introduction to computerZunair Aslam

The document provides an introduction to computers including definitions, operations, characteristics, hardware, software, and the difference between hardware and software. It defines a computer as an electronic device that accepts input, stores and manipulates data according to instructions, and can store, retrieve, and process information. Computers perform four main operations - input, processing, storage, and output. Characteristics include speed, accuracy, storage capacity, versatility, reliability, communication abilities, multi-tasking capability, automation, and ability to reduce costs. Computer hardware refers to physical components while software refers to programs and procedures that perform tasks.

Html, CSS & Web DesigningLeslie Steele

A web designer creates presentations using coding languages like HTML and CSS that are delivered through browsers. They design the overall look and feel of a website and specify how pages are displayed. Web designers may work for companies, agencies, or freelance. They are responsible for graphics, layout, programming, and content. HTML is the basic language used to structure web pages using tags like <html> and <body>. CSS enhances HTML and is used to format text, backgrounds, borders, and more. CSS can be applied inline, with embedded stylesheets, or external linked stylesheets.

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.

Html / CSS PresentationShawn Calvert

Build a Website Using HTML + CSSAnna Cook (she/her)

Introduction to XHTMLHend Al-Khalifa

HTML CSS & JavascriptDavid Lindkvist

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.

Web development using HTML and CSSSiddhantSingh980217

Span and Div tags in HTMLBiswadip Goswami

Ppt of web developmentbethanygfair

HTML is a markup language used to structure and present content on the web. It can include elements like <video>, <image>, and <head> and is written using tags enclosed in angle brackets. HTML has evolved through several versions from HTML 1.0 to the current HTML5. Key HTML tags include <html>, <head>, <body>, <h1-h6> for headings, and <p> for paragraphs. HTML is essential for web development and designing user-friendly web pages.

Html n CSSSukrit Gupta

The document discusses the three main technologies used to build user interfaces: HTML for structure, CSS for presentation, and JavaScript for behavior. It emphasizes that each technology should only be used for its intended purpose to improve accessibility, portability, maintainability, and performance. HTML provides structure using tags, CSS handles styling and layout with rules, and JavaScript adds interactive behaviors. The document then goes into more detail about each technology and their various components.

Static and Dynamic webpageAishwarya Pallai

The document discusses the basics of HTML, which is used to design webpages through tags and attributes, and defines dynamic HTML (DHTML) as combining HTML, JavaScript, CSS, and scripting to make webpages interactive and able to change based on user inputs. Static webpages only use HTML and CSS and cannot dynamically change, while dynamic pages use client-side or server-side scripting to alter the content displayed to users.

Introduction to CSS3Doris Chen

Css PptHema Prasanth

This document provides an overview of various CSS topics including comments, colors, text formatting, positioning, and cross-browser compatibility. It explains concepts like using hexadecimal color codes, text properties like alignment and decoration, positioning elements with static, relative, absolute and fixed positioning, and strategies for aligning elements and dealing with browser inconsistencies.

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.

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.

Difference BW Frontend and Backend DevelopmentFunctionUp

Both Frontend and backend development are important to learn, but do you know the actual difference? Here we showcase the main difference between frontend and backend development. The frontend is the part the user interacts with through a graphical user interface (GUI) however the backend part of the website remains inaccessible to the user. The visual aspects of the website are the front end and the way the website functions is determined by the backend. The front end uses languages like HTML, CSS, and JavaScript while the backend uses backend including Express, Ruby, Laravel, etc. Clearly, the frontend and backend development are quite different from each other both in their functions, frameworks, and programming language. We are a team of IIT / ISB alumni who are passionate about solving the key problem of starting a career in tech. A lot of smart and hardworking graduates find it difficult to crack high paying tech jobs either because of their background and their college not being able to help them get interviews. Hence, we started this pay after placement boot camp that hand holds people from skilling till employment.

Java scriptShyam Khant

JavaScript is a scripting language that can be inserted into HTML pages and used to program the behavior of web pages. It allows web pages to be dynamic and interactive. JavaScript code is placed between <script> and </script> tags and can manipulate HTML elements and write to the document. Variables, functions, conditional statements, and operators allow JavaScript code to run conditionally based on events or user input. JavaScript is case sensitive, uses semicolons, and has both local and global variables. Common data types include numbers, strings, arrays, and objects.

introduction to web technologyvikram singh

This document provides an introduction to various web technologies including HTML, CSS, JavaScript, and PHP. It discusses the basic structures and components of HTML documents, how CSS can be used to style HTML content, and how JavaScript and PHP can add interactivity and run server-side code. The document also gives examples of common tags and syntax used in these languages. It concludes by noting that most web pages combine these core technologies and that learning them now provides a foundation for newer technologies.

HTML-(workshop)7557.pptxRaja980775

This document provides an outline and introduction to HTML elements and tags. It discusses the basic structure of an HTML page and defines key elements like headings, paragraphs, links, images, lists, forms and more. Each element is explained with examples to demonstrate how they are used to structure content and apply semantics and formatting to a web page. The document establishes that HTML elements tell the browser how to display content on a page and are composed of opening and closing tags.

WEB DEVELOPMENTGourav Kaushik

Frameworkvinoth kumar

More Related Content

What's hot (20)

Html, CSS & Web DesigningLeslie Steele

Intro to HTML and CSS basicsEliran Eliassy

Html / CSS PresentationShawn Calvert

Build a Website Using HTML + CSSAnna Cook (she/her)

Introduction to XHTMLHend Al-Khalifa

HTML CSS & JavascriptDavid Lindkvist

An Overview of HTML, CSS & Java ScriptFahim Abdullah

Web development using HTML and CSSSiddhantSingh980217

Span and Div tags in HTMLBiswadip Goswami

Ppt of web developmentbethanygfair

Html n CSSSukrit Gupta

Static and Dynamic webpageAishwarya Pallai

Introduction to CSS3Doris Chen

Css PptHema Prasanth

HtmlNisa Soomro

Introduction to HTML and CSSMario Hernandez

Difference BW Frontend and Backend DevelopmentFunctionUp

Java scriptShyam Khant

introduction to web technologyvikram singh

HTML-(workshop)7557.pptxRaja980775

Html, CSS & Web DesigningLeslie Steele

Intro to HTML and CSS basicsEliran Eliassy

Html / CSS PresentationShawn Calvert

Build a Website Using HTML + CSSAnna Cook (she/her)

Introduction to XHTMLHend Al-Khalifa

HTML CSS & JavascriptDavid Lindkvist

An Overview of HTML, CSS & Java ScriptFahim Abdullah

Web development using HTML and CSSSiddhantSingh980217

Span and Div tags in HTMLBiswadip Goswami

Ppt of web developmentbethanygfair

Html n CSSSukrit Gupta

Static and Dynamic webpageAishwarya Pallai

Introduction to CSS3Doris Chen

Css PptHema Prasanth

HtmlNisa Soomro

Introduction to HTML and CSSMario Hernandez

Difference BW Frontend and Backend DevelopmentFunctionUp

Java scriptShyam Khant

introduction to web technologyvikram singh

HTML-(workshop)7557.pptxRaja980775

Similar to HTML, CSS And JAVASCRIPT! (20)

WEB DEVELOPMENTGourav Kaushik

Frameworkvinoth kumar

Fundamentals of Web buildingRC Morales

Web technology html5 php_mysqldurai arasan

ashish ppt webd.pptxashishsaini773461

The document summarizes Ashish Saini's 8-week online web development training through Internshala. It included 7 modules covering technologies like HTML, CSS, JavaScript, Bootstrap, PHP, React, and DBMS. As part of the training, Ashish created a website called PGlife using HTML, CSS, Bootstrap, and a MySQL database. He achieved a score of 100% and received a certificate upon completing the training.

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.

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

Web Designing Training In ChandigarhExcellence Academy

Intro to mobile web application developmentzonathen

Programming languages asp.netVasilios Kuznos

- ASP.NET is a web application framework developed by Microsoft that allows programmers to build dynamic web sites. It is the successor to ASP and is built on the .NET framework. - ASP.NET has gone through several versions since being released in 2002. It uses compilers like Visual Studio to allow coding in languages like C# and VB. - ASP.NET supports different development models like Web Forms, MVC, and Web Pages. It uses concepts like object-oriented programming, inheritance, encapsulation, and a code-behind model to separate presentation from logic.

Basics about front-endCETPA Infotech

Frontend development involves using HTML, CSS, and JavaScript to build the graphical user interface of a website. HTML provides structure and semantics, CSS handles layout and styling, and JavaScript adds interactivity. HTML tags give meaning to content, CSS rules define how elements are presented, and JavaScript manipulates web pages and adds functionality beyond just structure and presentation. Together, text, HTML for content, CSS for styling, and JavaScript for interactivity combine to create functional and interactive web pages.

HTML & JAVA ScriptNitesh Gupta

JavaScript is a scripting language that allows web pages to become interactive. It is used to validate forms, communicate with servers, and add various dynamic effects to web pages. JavaScript is not the same as Java, as it is a lightweight scripting language that can be run directly in web browsers without compilation. JavaScript code is typically embedded directly into HTML pages using <script> tags and can react to various events like button clicks or form submissions. Common JavaScript features include variables, operators, functions, events, and methods to manipulate HTML elements and styles.

OFFICE AUTOMATION AND WEB DEVELOPMENT WORK FOR INDUSTRIAL TRAINING OR PROJECT...akirufavour6

Web Design & Development Courses in Pune | 3DOT Technologiesabeda786

Web development involves building, creating, and maintaining websites. It includes aspects such as web design, web publishing, web programming, and database management. While web designers focus on designing interfaces using HTML and CSS, web developers may also write scripts using languages like PHP and ASP as well as help maintain databases for dynamic sites. HTML is the language used to describe web page structure and include headings, text, tables, lists, photos etc. CSS is used to describe how HTML elements are displayed and allows adapting presentation for different devices. JavaScript allows dynamic interactivity on websites, and PHP is a programming language often used for web development along with databases. WordPress is a popular open-source content management system built using PHP and MySQL that allows installing

Markup language classification, designing static and dynamicAnkita Bhalla

The document discusses various markup languages used to create static and dynamic web pages. It describes how static pages are fixed and do not change, while dynamic pages can be modified at runtime through scripts. It provides details on HTML, CSS, JavaScript and server-side scripts for creating dynamic content. Key topics covered include using tags like <div> for layouts, <img> for images, and JavaScript for basic interactivity. The document compares the processing of static versus dynamic pages and outlines benefits of dynamic pages like personalization and database access.

Web DesigningRam Dutt Shukla

This presentation discusses web design tools. It introduces HTML, JavaScript, XML, and DHTML as available tools for web design. It also discusses two popular web design editors: Dreamweaver and FrontPage. Dreamweaver is a web development application that supports CSS, JavaScript, and server-side languages like ASP.NET and PHP. FrontPage is a HTML editor and web administration tool from Microsoft for Windows operating systems. The presentation provides information on using various tags and functions for web page development in HTML and JavaScript.

Internship full stack developer ppt report .pptxAnkitaVerma776806

Making Of PHP Based Web ApplicationSachin Walvekar

The document provides an overview of the key components that go into making a PHP and MySQL based web application. It discusses the use of HTML, CSS, JavaScript, jQuery, client-side and server-side scripting, AJAX, PHP, MySQL, code editors, tools for wireframing, image editing and more. It also covers aspects like hosting, version management, software deployment, traditional and agile development methodologies, and software documentation.

Best Web Development Courses - Classes in Pune | Web Development Classes in ...Swati Pardeshi

WEB DEVELOPMENTGourav Kaushik

Frameworkvinoth kumar

Fundamentals of Web buildingRC Morales

Web technology html5 php_mysqldurai arasan

ashish ppt webd.pptxashishsaini773461

web devs ppt.ppsxAsendraChauhan1

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

Web Designing Training In ChandigarhExcellence Academy

Intro to mobile web application developmentzonathen

Programming languages asp.netVasilios Kuznos

Basics about front-endCETPA Infotech

HTML & JAVA ScriptNitesh Gupta

OFFICE AUTOMATION AND WEB DEVELOPMENT WORK FOR INDUSTRIAL TRAINING OR PROJECT...akirufavour6

Web Design & Development Courses in Pune | 3DOT Technologiesabeda786

Markup language classification, designing static and dynamicAnkita Bhalla

Web DesigningRam Dutt Shukla

Internship full stack developer ppt report .pptxAnkitaVerma776806

Making Of PHP Based Web ApplicationSachin Walvekar

Best Web Development Courses - Classes in Pune | Web Development Classes in ...Swati Pardeshi

Recently uploaded (20)

Open Access: Revamping Library Learning Resources.Rishi Bankim Chandra Evening College, Naihati, North 24 Parganas, West Bengal, India

Dr. Santosh Kumar Tunga discussed an overview of the availability and the use of Open Educational Resources (OER) and its related various issues for various stakeholders in higher educational Institutions. Dr. Tunga described the concept of open access initiatives, open learning resources, creative commons licensing attribution, and copyright. Dr. Tunga also explained the various types of OER, INFLIBNET & NMEICT initiatives in India and the role of academic librarians regarding the use of OER.

How to Subscribe Newsletter From Odoo 18 WebsiteCeline George

Introduction to Vibe Coding and Vibe EngineeringDamian T. Gordon

LDMMIA Reiki Master Spring 2025 Mini UpdatesLDM Mia eStudios

New Microsoft PowerPoint Presentation.pptxmilanasargsyan5

Geography Sem II Unit 1C Correlation of Geography with other school subjectsProfDrShaikhImran

Unit 4: Long term- Capital budgeting and its typesbharath321164

The ever evoilving world of science /7th class science curiosity /samyans aca...Sandeep Swamy

The Ever-Evolving World of Science Welcome to Grade 7 Science4not just a textbook with facts, but an invitation to question, experiment, and explore the beautiful world we live in. From tiny cells inside a leaf to the movement of celestial bodies, from household materials to underground water flows, this journey will challenge your thinking and expand your knowledge. Notice something special about this book? The page numbers follow the playful flight of a butterfly and a soaring paper plane! Just as these objects take flight, learning soars when curiosity leads the way. Simple observations, like paper planes, have inspired scientific explorations throughout history.

Odoo Inventory Rules and Routes v17 - Odoo SlidesCeline George

Diabetic neuropathy peripheral autonomicPankaj Patawari

Stein, Hunt, Green letter to Congress April 2025Mebane Rash

Ultimate VMware 2V0-11.25 Exam Dumps for Exam SuccessMark Soia

Metamorphosis: Life's Transformative JourneyArshad Shaikh

Anti-Depressants pharmacology 1slide.pptxMayuri Chavan

Michelle Rumley & Mairéad Mooney, Boole Library, University College Cork. Tra...Library Association of Ireland

Handling Multiple Choice Responses: Fortune Effiong.pptxAuthorAIDNationalRes

Envenomation---Clinical Toxicology. pptxrekhapositivity

Operations Management (Dr. Abdulfatah Salem).pdfArab Academy for Science, Technology and Maritime Transport

Timber Pitch Roof Construction Measurement-2024.pptxTantish QS, UTM

Niamh Lucey, Mary Dunne. Health Sciences Libraries Group (LAI). Lighting the ...Library Association of Ireland

Open Access: Revamping Library Learning Resources.Rishi Bankim Chandra Evening College, Naihati, North 24 Parganas, West Bengal, India

How to Subscribe Newsletter From Odoo 18 WebsiteCeline George

Introduction to Vibe Coding and Vibe EngineeringDamian T. Gordon

LDMMIA Reiki Master Spring 2025 Mini UpdatesLDM Mia eStudios

New Microsoft PowerPoint Presentation.pptxmilanasargsyan5

Geography Sem II Unit 1C Correlation of Geography with other school subjectsProfDrShaikhImran

Unit 4: Long term- Capital budgeting and its typesbharath321164

The ever evoilving world of science /7th class science curiosity /samyans aca...Sandeep Swamy

Odoo Inventory Rules and Routes v17 - Odoo SlidesCeline George

Diabetic neuropathy peripheral autonomicPankaj Patawari

Stein, Hunt, Green letter to Congress April 2025Mebane Rash

Ultimate VMware 2V0-11.25 Exam Dumps for Exam SuccessMark Soia

Metamorphosis: Life's Transformative JourneyArshad Shaikh

Anti-Depressants pharmacology 1slide.pptxMayuri Chavan

Michelle Rumley & Mairéad Mooney, Boole Library, University College Cork. Tra...Library Association of Ireland

Handling Multiple Choice Responses: Fortune Effiong.pptxAuthorAIDNationalRes

Envenomation---Clinical Toxicology. pptxrekhapositivity

Operations Management (Dr. Abdulfatah Salem).pdfArab Academy for Science, Technology and Maritime Transport

Timber Pitch Roof Construction Measurement-2024.pptxTantish QS, UTM

Niamh Lucey, Mary Dunne. Health Sciences Libraries Group (LAI). Lighting the ...Library Association of Ireland

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