Presentation is loading. Please wait.

Presentation is loading. Please wait.

Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.

Similar presentations


Presentation on theme: "Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language."— Presentation transcript:

1

2 Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language A markup language is a set of markup tags It is not case sensitive language.

3 HTML History v 1.0: early 90s HTML+: 1993 v 2.0 (RFC 1866, forms): 1995 v 3.0 (tables, frames): 1995, schism between Netscape and Microsoft v 3.2 (style sheets): adopted 1996 v 4: 1998, three versions proposed by W3C, but nothing really adopted yet XHTML: 1999, a marriage of XML and HTML V 5.0 : Under Construction

4 HTML Features Operating system independent(Cross-platform compatibility ) Browser independent The user controls the browser The author controls organization

5 Html tags Tags are instruction that are embedded directly into the text of document. Html Tags are signals to a browser that should do something other than just through text upon the screen. All HTML tags begin with an open angle bracket ( ). HTML tags can be a two types :- Paired Tag Singular Tags

6 Structure of HTML page

7 HTML Tag The tag encloses all other HTML tags and associated text within your document. It is an optional tag. You can create an HTML document that omits these tags, and your browser can still read it and display it. But it is always a good form to include the start and stop tags. The format is: Your Title and Document (contains text with HTML tags) goes here

8 HEAD Tag HEAD tag comes after the HTML start tag. It contains TITLE tag to give the document a title that displays on the browsers title bar at the top. The Format is: Your title goes here

9 BODY Tag The BODY tag contains all the text and graphics of the document with all the HTML tags that are used for control and formatting of the page. The Format is: Your Document goes here

10 Attribute of Tag Attribute are used to say something about the element that carries them and always appear on the opening tag of the element that carries them. All attributes are made-up two parts a name and a value. The name is the property of the element that you want to set. The value is what you want the value of property to be.

11 Syntax & Example Syntax- Content Example Text….

12 Attribute of BODY tag Bgcolor Background Text Bottommargin- Topmargin- Leftmargin- Rightmargin- Link- Vlink-

13 Text Formatting Line break Paragraph … Attribute of paragraph tag Align Drawing line Attribute of tag Align Size (thickness) Width (length) Color

14 Text Formatting (Conti.) Headings, … Bold... Italics … Underline … Subscript … Superscript.. Delete … Center …. Blinking text.. Marquee …

15 Text Formatting (Conti.) Font … Attribute of FONT tag Face Size (1to 7 default is 3) Color Comment

16 Special Characters Space- &- & >- > <- < ©- &copy ®- &reg

17 Inserting Image tag is used to insert image on web page, it support.gif,.png,.jpg image file. Attribute of tag Src Width Height Border Align Hspace Vspace Alt

18 Insert audio file tag is used to embed the sound file in web page. Attribute of Src Loop (-1….)

19 List in Html Ordered list.. Attribute of tag Type (“1”,”i”, “I”, “a”, “A”) Start (numeric) Unordered list.. Attribute of tag type (“fillround”, “square”, “round”) List item.. Attribute of tag value

20 Link in HTML.. tag is used to make link in html document there are two types of link Internal link External Link Attribute of tag Href Target Name

21 Table in HTML Table Table row Table data Table header Caption Attribute of tag Align: bottom, top

22 Attribute of Table tag Border Align Valign Width Height Cellpadding Cellspacing

23 Attribute of tag Colspan Rowspan Bgcolor Width Height

24 Forms in HTML tag is used to create form in HTML. Forms are used for data gathering in webpage. It provide the full range of GUI controls It can automatically submit data collected in its control through a web Server

25 Attribute of Form tag Name Method Get Post Action

26 Form Elements Text – Text fields accept a single line of text entry. Password Button Submit

27 Form Elements (cont.) Checkbox Radio Button (note) radio name are same for one group TextArea …. Attribute of text area Rows cols

28 Form Elements (cont.) Selection List one Attribute of select tag Size Name

29 Frame in HTML Frameset: … It is used to dividing a webpage into sections Attribute of Frameset Rows Cols Frame: … It is used for inserting page into specific section. Attribute of Frame src name

30 Attribute of Frame (Conti.) Noresize Scrolling Marginheight Marginwidth Frameborder Border noframe


Download ppt "Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language."

Similar presentations


Ads by Google