Hushang Gaikwad

Post on 15-Jan-2017

35 views 0 download

Transcript of Hushang Gaikwad

APresentati

onOf

HTML CSSJAVASCRIPT

*Index*1) Introduction of html

* Definition* Uses* There Diffent Tag

2) Introduction about Css

3) JAVASCRIPT

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

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

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.

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

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

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

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

*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().

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

THANK YOUPRESENTED BY

HUSHNAG P. GAIKWADhushnag1490@gmail.com

+918550916123