1. AdvWeb-1/12 DePaul University SNL 262 Web Page Design Starting To Use HTML Instructor: David A. Lash

2. AdvWeb-2/12 HTML Overview - Example Mypage Welcome to Website Design Indicates start and end of HTML document The header section of document Appears in upper left hand corner of browser window This is where most of TAGS usually are and text your displaying (w/i BODY tags).

3. AdvWeb-3/12 HTML Only Responds To Tags u Blank spaces without tags are ignored: Formatting a WWW Page Welcome To Exploring The Internet Hopefully you will find this course to be informative and interesting. I hope that you have fun while learning about the Internet. But the class does have some work to do. http://www.depaul.edu/~dlash/extra/Website/examples/02HTMLsimp2.html These spaces are ignored.

4. AdvWeb-4/12 HTML Only Responds To Tags The Tag used to indicate comment : <!-- ! Example of a Basic HTML Program ! Written by Dave Lash For Web Page Design ! To demonstrate the use of comments. --> THIS is a sample web Page Welcome To Exploring The Internet http://www.depaul.edu/~dlash/extra/Webpage/examples/02HTMLSim pWComments.html These comments are ignored.

5. AdvWeb-5/12 Paragraph and Break Tags Two of the most basic tags are: ……… -- Causes a new paragraph ……. -- Causes a line break …….. --- Draws a solid horizontal line

6. AdvWeb-6/12 Paragraph and Break Tags Web Page With "P" Tag Welcome To Exploring The Internet Hopefully you will find this course interesting. In this course, you will develop a broad knowledge of the Internet This class meets at night. CLASS 1 - Introduction To The Internet CLASS 2 - Email CLASS 3 - HTML http://www.depaul.edu/~dlash/extra/Webpage/examples/02paraExample.html Create a new paragraph Creates a line Line Break Note > 1 tag per line

7. AdvWeb-7/12 Paragraph and Break Tags For Each Of these Tags you have parameters: ……… -- Causes a new paragraph – align=center|right|left – aligns the text to the center, right or left. E.g., u ……. -- Causes a line break – clear=all|left|right – breaks the flow and resumes the next line after the margin is clear. – E.g., u …….. --- Draws a solid horizontal line – align=center|left|right - sets horizontal alignment – noshade - Display as a solid (noshaded) bar – size=number - thickness of rule in pixels – width=number or % - Length of rule in pixels or % of screen. – E.g.,

8. AdvWeb-8/12 Paragraph and Break Tags Web Page With "P" Tag Welcome To Exploring The Internet Hopefully you will find this course interesting. In this course, you will develop a broad knowledge of the internet This class meets at night. CLASS 1 - Introduction To The Internet CLASS 2 - Email CLASS 3 - HTML http://www.depaul.edu/~dlash/extra/Webpage/examples/02paraparameter.html Create a left justified paragraph Center it Solid HR that’s 30% of screen & 10 pixels

9. AdvWeb-9/12 Paragraph and Break Tags Headers are used to create section titles - not the tag ……… -- First Level Header ……. -- Second Level …….. --- Third Level …….. --- Fourth Level …….. --- Fifth Level

10. AdvWeb-10/12 Header Example THIS is a sample web Page INTRODUCTION Welcome To Website Design. Hopefully you will find this course to be informative and interesting. Overview In this course, you will develop a broad knowledge of the Internet technology. Meeting Times The class will meet every other week on Thursday's (naperville) or Saturday's (O'hare) Dates and Times CLASS 1 Introduction To The Internet CLASS 2 Email CLASS 3 HTML http://www.depaul.edu/~dlash/extra/Webpage/examples/02headers.html

11. AdvWeb-11/12 Header Example THIS is a sample web Page INTRODUCTION Welcome To Exploring The InternetHopefully you will find this course to be informative and interesting. I hope that you have fun while learning about the Internet. Overview In this course, you will develop a broad knowledge of the Internet technology and understand how it can be useful to work personal and work life. Meeting Times The class will meet every other week on Thursday's (naperville) or Saturday's (O'hare) <!-- Opps I forgot to close off the H2 tag! --> Dates and Times CLASS 1 - Introduction To The Internet CLASS 2 - Email CLASS 3 - HTML http://www.depaul.edu/~dlash/extra/Webpage/examples/02headererror.html

12. AdvWeb-12/12 Using HTML Validator Lite Advantages: 1. Can use to validate HTML code and determine errors 2. Can obtain HTML validator lite (for free) at: http://www.download.com (enter validator in the search box.) - Have a screen with 2 major parts: - Top part works like notepad - bottom part shows HTML errors when you do a tools->validate. How to start: - From lab goto start->Internet Applications->SNL