hushang gaikwad

13
Presentat ion Of HTML CSS JAVASCRIPT

Upload: hushnag-gaikwad

Post on 15-Jan-2017

37 views

Category:

Engineering


0 download

TRANSCRIPT

Page 1: Hushang Gaikwad

APresentati

onOf

HTML CSSJAVASCRIPT

Page 2: Hushang Gaikwad

*Index*1) Introduction of html

* Definition* Uses* There Diffent Tag

2) Introduction about Css

3) JAVASCRIPT

Page 3: Hushang Gaikwad

HTMLO What is HTML ?

O HTML is the standard markup language for creating Web pages.

O HTML stands for Hyper Text Markup Language

O HTML describes the structure of Web pages using markup

O HTML elements are the building blocks of HTML pages

O HTML elements are represented by tags

Page 4: Hushang Gaikwad

Here SOME TAGS OF HTML

O <a> Defines A HyperlinkO <b> Defines Bold TextO <body> Defines the document's

bodyO <br/> Defines A Single Line

Break O <div> Defines A Section In A

Document O <form> Defines An HTML Form

User Input O <h1> to <h6>

Defines HTML Headings ETC

Page 5: Hushang Gaikwad

A Simple HTML Document<!DOCTYPE html><html><head><title>Page Title</title></head><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>

OUTPUT*OMy First HeadingO My first paragraph.

Page 6: Hushang Gaikwad

CSSOWhat is CSS ?

O CSS stands for Cascading Style Sheets

O CSS describes how HTML elements are to be displayed on screen, paper, or in other media

O There are three to ways to applye the CSS property

* Inline CSS* Internal CSS* External CSS

O External stylesheets are stored in CSS files

Page 8: Hushang Gaikwad

Why use HTML and CSS ? What’s the difference?

HTML and CSS are two different types of markup (code), which have their own

unique syntax (the arrangement in which code is written). There’s an important distinction between the two. You can think of the HTML as the structure

for the page, while the CSS gives the HTML it’s styling.

HTML = structureCSS = style

Page 9: Hushang Gaikwad

*HOW TO LINK CSS files IN HTML*

<!DOCTYPE html><html><head>  <title>This is my page title.</title>

  <link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>  <h1>This is a heading 1 element</h1>  <p>Hello world, this is a simple paragraph.</p></body><html>

Page 10: Hushang Gaikwad

*JAVASCRIPT*O JavaScript is an interpreted

 programming or script languag.

Oscript languages are easier and faster to code.

OScript languages generally take longer to process than compiled languages, but are very useful for shorter programs. 

Page 11: Hushang Gaikwad

*JavaScript Display Possibilities*JavaScript can "display" data in different ways:

1) Writing into an alert box, using window.alert().

2) Writing into the HTML output using document.write().

3) Writing into an HTML element, using innerHTML.

4) Writing into the browser console, using console.log().

Page 12: Hushang Gaikwad

*EXAMPLE OF JAVASCRIPT*Using window.alert()

You can use an alert box to display data:

<!DOCTYPE html><html><body>

<h1>My First Web Page</h1><p>My first paragraph.</p>

<script>window.alert(5 + 6);</script>

</body></html>

Page 13: Hushang Gaikwad

THANK YOUPRESENTED BY

HUSHNAG P. [email protected]

+918550916123