Basics of HTML concepts and DHTML concepts

1. CHAPTER------->4
4.HTML
4/17/2019 1

2. CONTENTS :
• WHAT IS HTML(S,D)
• HISTORY OF HTML
• FEATURES
• BASIC TOOLS, STRUCTURE OF AN HTML
• SAVING HTML FILE, HTML TAGS
• ANCHOR TAG----->HYPERLINK
• CREATING TABLES, FRAMES, FORMS
4/17/2019 2

3. • HTML ------>HYPER TEXT MARKUP LANG
• IT IS USED TO DESIGN WEBPAGES.
• IT IS NOT A PROGRMMING LANGUAGE.
• IT IS MADEUP OF TAGS.
• IT TELLS A WEB-BROWSER THAT WHAT
SHOULD BE DISPLAY ON WEBPAGE.
HISTORY :
• HTML IS DEVELOPPED BY
“TIM BERNERS-LEE” IN THE YEAR 1990.
4/17/2019 3

4. 4/17/2019 4

5. FEATURES :
• HTML IS EASY TO LEARN &
UNDERSTAND.
• GRAPHICS, AUDIO, VIDEO CAN BE
ADDED TO WEBPAGE.
BASIC TOOLS :
1. HTML EDITOR : NOTEPAD, EDITPLUS.
2. WEB BROWSER : FIREFOX, CHROME.
HOW TO SAVE :
1. SAVE THE FILENAME AS “ .html OR
.htm ”
2. OPEN THE BROWSER TO SEE THE O/P.
4/17/2019 5

6. 4/17/2019
6

7. 4/17/2019 6

8. HTML TAGS
• <P> </P>---------->PARAGRAPH
• <BR>-------->BREAK
• <A> </A>----ANCHOR
• <IMG>--------> IMAGE
• <TABLE> </TABLE>
• <AUDIO> </AUDIO>
• <VIDEO> </VIDEO>
• <STRIKE> </STRIKE>
4/17/2019 8

9. ANCHOR TAG
• IT IS USED TO CREATE HYPERLINK
TO WEBPAGES.
SYNTAX :
<a href = “URL”>attribute name</a>
HREF---->HYPERLINK REFERENCE
ATTR NAME---->NAME DISPLAYS ON
WEBPAGE
4/17/2019 9

10.  WE CAN PLACE AN IMAGE TO THE LINK
4/17/2019 10

11. 4/17/2019 11

12. • FRAMES ARE USED TO DIVIDE THE
ENTIRE WEBPAGE INTO PARTS.
• IT IS HAVING ONE TAG i.e: <frameset>
• IT IS WRITTEN IN THE HEAD PART.
• ADVANTAGE :
• WEBPAGE CAN BE DIVIDED INTO ROWS
& COLUMNS.
• DIS ADVANTAGE:
OLDER BROWSER DOESN’T SUPPORT
FRAMES.
• THIS <frameset> TAG IS HAVING TWO
ATTRIBUTES.
4/17/2019 12

13. ATTRIBUTES OF FRAMESET:
 ATTRIBUTES ARE: ROWS , COLS
 SRC ATTRIBUTE: ACCEPTS URL FROM HTML
DOCUMENT.
 MARGIN ATTRIBUTE: WIDTH , HEIGHT
 SCROLLING ATTRIBUTE: TO DISPLAY SCROLLBAR.
 NO.RESIZE: USER CAN NOT RESIZE THE FRAME ON
THE WEBPAGE.
 FRAME BORDER: TO DISPLAY BORDER FOR FRAME.
 FRAME SPACING: TO ADD EXTRA SPACE FOR
FRAME.
4/17/2019 13

14. 4/17/2019 14

15.  TABLE BORDER
CELL SPACING
 CELL PADDING
TABLE TAGS:
 <TR> </TR>
 <TH> </TH>
 <TD> </TD>
4/17/2019 15

16. 4/17/2019 16

17. INPUT ELEMENT( SINGLE LINE)
 TEXT ELEMENT
 RADIO BUTTONS
 CHECKBOX
 ACTION BUTTON
SUBMIT BUTTON
 RESET BUTTON
 DROPDOWN LIST BOX
 TEXT AREA---------> ROWS, COLS( MULTIPLE LINES)
 CREATE BUTTON
4/17/2019 17