HTML,DHTML & Javascript/Session1/1 of 39 Introduction and Basic Tags Session 1 of Using HTML, DHTML & JavaScript

HTML,DHTML & Javascript/Session 1/ 2 of 39 Session Objective Describe WWW Define HTML Describe the role of browsers Explain HTML markups Describe the structure of an HTML document Use elements to enhance a Web page Use Lists to display text Convert existing documents to HTML documents

HTML,DHTML & Javascript/Session 1/ 3 of 39 The World Wide Web Protocols Addresses HTML

HTML,DHTML & Javascript/Session 1/ 4 of 39 Introduction to HTML HTML is a MARKUP language Using HTML tags and elements, you can: Control the appearance of the page and the content. Publish online documents and retrieve online information using the links inserted in the HTML document. Create on-line forms. These forms can be used to collect information about the user, conduct transactions, and so on. Insert objects - - audio clips, video clips, ActiveX components, Java applets - - in the HTML document.

HTML,DHTML & Javascript/Session 1/ 5 of 39 HTML syntax: Welcome to HTML My first HTML document

HTML,DHTML & Javascript/Session 1/ 6 of 39 Displaying the page

HTML,DHTML & Javascript/Session 1/ 7 of 39 Browsers and Editors Browsers Netscape's Navigator Microsoft's Internet Explorer Editors Microsoft FrontPage Notepad

HTML,DHTML & Javascript/Session 1/ 8 of 39 HTML Tags HTML tag is used to mark the beginning and end of an HTML document.... The HTML tag is comprised of: Element Attribute Value

HTML,DHTML & Javascript/Session 1/ 9 of 39 Continue.. Welcome to HTML My first HTML document

HTML,DHTML & Javascript/Session 1/ 10 of 39 Changing attributes

HTML,DHTML & Javascript/Session 1/ 11 of 39 Structure of an HTML document The HTML section The Header section. The BODY section. Welcome to the world of HTML This is going to be real fun

HTML,DHTML & Javascript/Session 1/ 12 of 39 Basic HTML elements Block-level elements Headers (H1 to H6) Paragraphs (P) List Items (LI) Horizontal Rules (HR). Inline or text level elements EM, I, B and FONT (character emphasis) A (hypertext links) BR (line breaks) APPLET (embedded objects) IMG (images)

HTML,DHTML & Javascript/Session 1/ 13 of 39 Headings Introduction to HTML

HTML,DHTML & Javascript/Session 1/ 14 of 39 Using headings

HTML,DHTML & Javascript/Session 1/ 15 of 39 Paragraphs Welcome to HTML My first HTML document This is going to be real fun Using another heading Another paragraph element

HTML,DHTML & Javascript/Session 1/ 16 of 39 Adding addresses A link to the home page. A search string feature. Copyright information.

HTML,DHTML & Javascript/Session 1/ 17 of 39 Continue.. Welcome to HTML My first HTML document This is going to be real fun Using another heading Another paragraph element Click here to register for a free newsletter

HTML,DHTML & Javascript/Session 1/ 18 of 39 Horizontal Rule Attributes align Width Size Noshade

HTML,DHTML & Javascript/Session 1/ 19 of 39 Continue.. 

HTML,DHTML & Javascript/Session 1/ 20 of 39 Breaks Welcome to HTML My first HTML document This is going to be real fun Using another heading This should surprise you Another paragraph element

HTML,DHTML & Javascript/Session 1/ 21 of 39 Continue.. Click here to register for a free newsletter

HTML,DHTML & Javascript/Session 1/ 22 of 39 Using Fonts … Color Size Face Example Welcome to HTML My first HTML document This is going to be real fun

HTML,DHTML & Javascript/Session 1/ 23 of 39 Using fonts

HTML,DHTML & Javascript/Session 1/ 24 of 39 Adding Color Learning HTML Welcome to HTML This is good fun

HTML,DHTML & Javascript/Session 1/ 25 of 39 Choosing Alignment of text Value Left Center Right Justify Example Learning HTML

HTML,DHTML & Javascript/Session 1/ 26 of 39 Continue.. Welcome to HTML This is good fun

HTML,DHTML & Javascript/Session 1/ 27 of 39 Formatting Physical formatting tags Logical formatting tags

HTML,DHTML & Javascript/Session 1/ 28 of 39 Physical formatting tags

HTML,DHTML & Javascript/Session 1/ 29 of 39 Logical formatting tags ABBR.... &..

HTML,DHTML & Javascript/Session 1/ 30 of 39 Using special characters Greater than (>) > Less than (<) < Quotes " Ampersand & Space

HTML,DHTML & Javascript/Session 1/ 31 of 39 Structuring text Using Quotes Preformatted text Grouping elements …

HTML,DHTML & Javascript/Session 1/ 32 of 39 Lists Unordered lists Ordered lists Definition lists

HTML,DHTML & Javascript/Session 1/ 33 of 39 Unordered lists Learning HTML Monday Tuesday Wednesday Thursday Friday

HTML,DHTML & Javascript/Session 1/ 34 of 39 Customized bullets Square bullets Sphere bullets Round bullets

HTML,DHTML & Javascript/Session 1/ 35 of 39 Ordered lists Learning HTML Monday Tuesday Wednesday Thursday Friday

HTML,DHTML & Javascript/Session 1/ 36 of 39 Customized Numbers Upper Roman Lower Roman Uppercase Lowercase Begin numbering with a digit other than “1” [ Default ]

HTML,DHTML & Javascript/Session 1/ 37 of 39 Definition lists Learning HTML Sunday The first day of the week HTML HyperText Markup Language Internet A network of networks

HTML,DHTML & Javascript/Session 1/ 38 of 39 Continue.. TCP/IP Transmission Control Protocol / Internet Protocol

HTML,DHTML & Javascript/Session 1/ 39 of 39 Document conversion Open the document in the word processor. Save the file as an HTML file, that is with a.htm or.html file name extension. File | Save As In the Save as type box, select HTML document/Web page. Open the file in Notepad.