1. Lesson 3 HTML Power Techniques

2. Font attributes: – Open font tag – Font style attribute =Arial value – Font size attribute=value of 8 – Font color attribute=orange value – Close font tag Font Attributes and Values Step-by-Step 3.1

3. Font Attributes and Values A few simple tags can make a mayor difference in the look of your text. – Red, size 4, Helvetica – Green, size 6, Times – Orange, size 8, Arial – Black, size 2, Courier Step-by-Step 3.1

4. Downloading & Inserting Graphics Download.gif or.jpg files from any Web page in Windows by right clicking on the graphic With a Macintosh, click and hold the mouse key down Step-by-Step 3.2

5. Downloading & Inserting Graphics Choose Save Picture As in Internet Explorer Choose Save Image in Netscape Step-by-Step 3.2

6. Image Source tag: – Image tag – Source attribute – Graphic file name in quotes Downloading & Inserting Graphics Step-by-Step 3.2

7. Downloading & Inserting Graphics The Final Result Step-by-Step 3.2

8. Image Source tag : – Image tag – Source attribute – Graphic file name in quotes – The height attribute Pictures of All Sizes Step-by-Step 3.3

9. Pictures of All Sizes ALIGN=RIGHT HEIGHT=200 WIDTH=200 HEIGHT=100 WIDTH=100 HEIGHT=150 WIDTH=150 HEIGHT=200 WIDTH=200 Step-by-Step 3.3

10. Font attributes: – Open table tag – Add a narrow boarder – Add space between cells – Center the table <TABLE BORDER=5 CELLPADDING=10 ALIGN=CENTER Orderly Tables Step-by-Step 3.4

11. Orderly Tables Center the table Add a narrow boarder Add space between cells Step-by-Step 3.4

12. Orderly Tables Create the title or first row of a table with these tags Dragons Colors Fonts Step-by-Step 3.4

13. Orderly Tables Create the second row of a table with these tags Red Times Step-by-Step 3.4

14. Orderly Tables Create the third row of a table with these tags GREEN Courier Step-by-Step 3.4

15. Extraordinary Extras A few simple tags will create a variety of data input options. – Text box – Drop-down list – Radio button – Check box Step-by-Step 3.5

16. Extraordinary Extras Create a text box input option with these tags: Enter your first name: Enter your last name: Step-by-Step 3.5

17. Extraordinary Extras Create a drop-down list option with these tags: Pick your Favorite Team from the list: Chicago Bulls Utah Jazz Step-by-Step 3.5

18. Extraordinary Extras Create a radio button option with these tags: The best place to eat is: Wendy’s McDonald’s Step-by-Step 3.5

19. Extraordinary Extras Create a check box input option with these tags: I like to eat: Hamburgers <INPUT TYPE= “CHECKBOX>Tacos Step-by-Step 3.5