hushang gaikwad
TRANSCRIPT
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
*CSS Properties*
OColorOBackground and BordersOTextOText DecorationOFontsOTableOTransformOTransitionOBasic User InterfaceOMarquee
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>