Presentation is loading. Please wait.

Presentation is loading. Please wait.

Introduction To HTML.  HTML stands for Hyper Text Markup Language.  HTML was developed by Tim Berners-Lee.  HTML is maintained by World Wide Web Consortium(W3C).

Similar presentations


Presentation on theme: "Introduction To HTML.  HTML stands for Hyper Text Markup Language.  HTML was developed by Tim Berners-Lee.  HTML is maintained by World Wide Web Consortium(W3C)."— Presentation transcript:

1 Introduction To HTML

2  HTML stands for Hyper Text Markup Language.  HTML was developed by Tim Berners-Lee.  HTML is maintained by World Wide Web Consortium(W3C).  HTML first introduced in 1991 as HTML tags.  Extended from SGML and extended to XHTML. Introduction

3  HTML is Hyper Text Markup Language, as Hypertext refers to the process of linking text to data on the interne while markup means modification so HTML is a language that is used or that allow user to organize and improve the appearance of text on internet.  HTML is used to create and design WebPages. Site authors use HTML to format text as titles and headings, to arrange graphics on a webpage, to link to different pages within a website, and to link to different websites.  HTML is easy to learn and use. Why HTML??? ?

4 HTML V ERSIONS YearVersion 1991HTML 1995HTML2.0 1997HTML3.7 1998HTML4.0 2008HTML 5

5 H OW TO C REATE HTML DOCUMENT ??? ? Step 1: Open Notepad, Start  All Programs  Accessories  Notepad o Step 2 : Write HTML code in Notepad

6 Step 3: Save the file with.html or.htm extension. Step 4: Open the.html file with any of the Web browser.

7 HTML C OMPONENTS  HTML Elements: A n HTML element is everything from the start tag to the end tag. This is Paragraph is opening tag and is closing tag. *always close the opening tag.  HTML Attribute: Attributes provide additional information about an element. This is a link * Attribute values should always be enclosed in quotes.

8  HTML Heading: Headings are defined with the to tags. This is a Heading *The size of Heading decreases as we do from h1 to h6.  HTML Paragraphs: HTML documents are divided into paragraphs. This is paragraph  Formatting Tags: HTML C OMPONENTS TagDescription Defines bold text Defines italic text Defines stronger text

9 HTML Links:  The HTML tag defines a hyperlink.  A hyperlink (or link) is a word, group of words, or image that you can click on to jump to another document. Link text HTML Image:  In HTML, images are defined with the tag. *src stands for source and url have path of image stored in desktop. HTML C OMPONENT

10 HTML Tables: Tables are defined with the tag. HTML C OMPONENTS *A table is divided into rows ( tr ) and each rows are divided into data cells. Data cells have table data( td), and table border can be set by using tag.

11 HTML List: List are of two type : HTML C OMPONENTS Unorderd List An Unordered List: Radhe Krishna Rajan An Unordered List: Radhe Krishna Rajan Ordered List An Ordered List: Radhe Krishna Rajan An Ordered List: 1.Radhe 2.Krishna 3.Rajan

12 HTML Forms: * HTML forms are used to pass data to the server.  HTML forms can contains elements like Textbox, Radio buttons,submit buttons and more…. Forms are written under tag. Elements Textbox: First name: Last name: First name: Last name: HTML C OMPONENTS

13 Password Field: Password: Radio Buttons: Male Female Delhi Kolkata Checkboxes: I have a bike I have a car  I have a Bike  I have a car Submit Button: Username: Username: Submit

14 H TML WITH CSS AND J AVA S CRIPT HTML become more stylish and easy to use after combination of CSS(Cascading Style Sheet) and JavaScript. CSS was introduced along with HTML 4.0 to provide better style. JavaScript make HTML more dynamic and user interactive.

15 CSS IN HTML CSS can be added to HTML in three ways: Inline Internal External Inline: It is applied for single occurrence of events. For inline tag is used. This is a paragraph. Internal: it is used if one single document has a unique style. This is written inside tag. body {background-color:yellow;} p {color:blue;} External: When one style is applicable to many pages then this style is used.

16 D IFFERENCE BETWEEN HTML AND XML HTML XML It is Client Site ScriptingIt is Server site Scripting All the tags are predefinedUser defined tags are available It cann’t be compiledIt can be compiled It can display the web pagesIt cann’t be displayed It is not case sensitiveIt is case sensitive HTML  Hyper Text Markup Language XML  Extensible Markup Language

17 Thanks….


Download ppt "Introduction To HTML.  HTML stands for Hyper Text Markup Language.  HTML was developed by Tim Berners-Lee.  HTML is maintained by World Wide Web Consortium(W3C)."

Similar presentations


Ads by Google