Html
- 1. HTML … Presented by : Ranjan Kumar Sahoo Prepared by : Ranjan Kumar Sahoo Date : May 11, 2011 Approx. time : 3 hours No. of slides : 8
- 2. Enterprise System Solutions (P) Ltd. Introduction What is HTML? * HTML stands for Hyper Text Markup Language * HTML is not a programming language, it is a markup language * A markup language is a set of markup tags * HTML uses markup tags to describe web pages What You Need ? * You don't need an HTML editor * You don't need a web server * You don't need a web site You can save an HTML file with .htm or .html file extension.
- 3. Enterprise System Solutions (P) Ltd. DOM The HTML DOM defines a standard way for accessing and manipulating HTML documents. The DOM presents an HTML document as a tree-structure.
- 4. Enterprise System Solutions (P) Ltd. HTML Element HTML Element Syntax * An HTML element starts with a start tag / opening tag * An HTML element ends with an end tag / closing tag * The element content is everything between the start and the end tag * Some HTML elements have empty content * Empty elements are closed in the start tag * Most HTML elements can have attributes * Most HTML elements can be nested (can contain other HTML elements). World Wide Web Consortium (W3C) recommends lowercase in HTML 4, and demands lowercase tags in XHTML. HTML Elements * HTML Form * HTML Heading * HTML Paragraph * HTML Table * HTML Link * HTML Image * HTML List * HTML Frames
- 5. Enterprise System Solutions (P) Ltd. HTML Attributes HTML Attributes * Attributes provide additional information about an element * Attributes are always specified in the start tag * Attributes come in name/value pairs like: name="value" * Always Quote Attribute Values (Double style quotes are the most common, but single style quotes are also allowed.) Examples Attribute Value Description class classname Specifies a classname for an element id id Specifies a unique id for an element style style_definition Specifies an inline style for an element title tooltip_text Specifies extra information about an element (displayed as a tool tip)
- 6. Enterprise System Solutions (P) Ltd. Points to keep in mind HTML Doctypes A doctype declaration refers to the rules for the markup language, so that the browsers render the content correctly. HTML CSS External styling HTML Head Elements inside <head> can include title, scripts, instruct the browser where to find style sheets, provide meta information, and more. HTML Meta The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. HTML Scripts The <script> tag is used to define a client-side script, such as a JavaScript.
- 7. Enterprise System Solutions (P) Ltd. HTML Events <body> and <frameset> Events onload Script to be run when a document load onunload Script to be run when a document unload Form Events onblur Script to be run when an element loses focus onchange Script to be run when an element change onfocus Script to be run when an element gets focus onreset Script to be run when a form is reset onselect Script to be run when an element is selected onsubmit Script to be run when a form is submitted Image Events onabort Script to be run when loading of an image is interrupted
- 8. Enterprise System Solutions (P) Ltd. HTML Events(Contd.) Keyboard Events Onkeydown Script to be run when a key is pressed onkeypress Script to be run when a key is pressed and released onkeyup Script to be run when a key is released Mouse Events onclick Script to be run on a mouse click ondblclick Script to be run on a mouse double-click onmousedown Script to be run when mouse button is pressed onmousemove Script to be run when mouse pointer moves onmouseout Script to be run when mouse pointer moves out of an element onmouseover Script to be run when mouse pointer moves over an element onmouseup Script to be run when mouse button is released
- 9. Thank You… Any Question???