1. HTML(Hyper Text Markup Language) ByNaveen

2. Introduction HTML or Hyper Text Markup Language is the standard markup language Its used to create the web page An HTML file can be created by using a simple text editor via notepad, textpad, editplus. HTML file must have an extension htm or html.

3. Structure of HTML Title of the Web Page Contents

4. Attributes of Body Tags Some important attributes of the BODY tag –BGCOLOR = “color” / “#rrggbb” –BACKGROUND = “url of the image” –TEXT = “color” / “#rrggbb” –LEFTMARGIN = n –LINK = “color” / “#rrggbb” –ALINK = “color” / “#rrggbb” –VLINK = “color” / “#rrggbb”

5. Attributes of Format Tags Some important attributes of the Format tag tag –Allows you to specify the font face and font size. FACE specifies the font type. Defaults fonts like “Arial”, “Times New Roman”, and “Courier” are available in all Systems. SIZE specifies the font size. Value can range from 1 to 7. The default is 3. COLOR- The color of a font can be specified using a hexadecimal number value six characters long

6. Attributes of Link Tags Some important attributes of the link tag Used to link text with other documents  HREF  NAME (bookmarks inside the page)  TITLE (balloon help in IE)  TARGET (Define where the linked document will be opened) e.g.: Click here

7. List Tags 1.Ordered Lists - serial numbers appear – tag tag –TYPE attribute controls the numbering scheme –TYPE = 1 | A | a | I | I 2. UnOrdered Lists - Bullets appear – tag –TYPE attributes specifies the type of bullet –TYPE = “disc” | “circle” | ”square”

8. Attributes of Table Tags Some important attributes of the table tag Displays data in a table format ….. Some attributes –ALIGN = LEFT | RIGHT | CENTER –BORDER = n (Number of Pixels ) –BGCOLOR = “color” | “#rrggbb” –CELLSPACING = n (Number of Pixels ) –CELLPADDING = n (Number of Pixels ) –WIDTH= % Of Parent | n (pixels)

9. Attributes of Image Tags Some important attributes of the image tag tag –SRC = “url” –BORDER = n –WIDTH=n (in pixels) –HEIGHT=n (in pixels) –ALT=“Alternate Text” Supporting Formats: – JPG, GIF and PNG image formats

10. Forms Used for creating Graphical User Interface (GUI) In a web application client interact through GUI FORM by itself really cannot do anything Forms become powerful when connected to a server application A single HTML page can have multiple forms

11. Form Tags & Attributes tag is used to add elements to the form –NAME = “controlname” –TYPE = text / password / checkbox / radio/ submit / reset / button / hidden / file –VALUE –MAXLENGTH –SIZE

12. Textbox is used to get the value from user. Password is used to get the password char “*”. Checkbox is used to choose the Boolean values. Button is used to execute the operation at runtime. Listbox is used to user can choose the list items..

13. Example First name: Last name:

14. Example Simple sample table Heading1 Heading2 Cell 1 Cell 2 Cell 4 Cell 5 Heading1Heading2 Cell 1Cell 2 Cell 3Cell 4

15. THANK YOU..!