<td><h1 style="font style:italic; font family:verdana">halloween Dinner and Dance</h1></td>

Size: px

Start display at page:

Download "<td><h1 style="font style:italic; font family:verdana">halloween Dinner and Dance</h1></td>"

Evangeline Austin
6 years ago
Views:

1 CSS 1 = inline CSS <title>make it Right</title> <body bgcolor="red"> <table align="left" border="0"> <td><img src="happyh1.gif" alt="" height="97" width="212" /></td> <td><h1 style="font style:italic; font family:verdana">halloween Dinner and Dance</h1></td> </table> <br clear="all" /> <p>our second annual Halloween Dinner and Dance is going to be held on Friday, October 31, from 8:00 p.m. until midnight. Come join us for some good food, spooky fun, and music to dance the night away! Dinner includes bat soup, rack of witch spare ribs, and ghostly surprise for dessert. Music is provided by Scary and the Daylights with Tom McKnight as the DJ.</p> <p>costumes come in all types and sizes. Judging for best costumes begins at 10:00 p.m. in the main lobby. Many prizes are given for costumes, so dig into that closet, raid the basement, or visit Costumes Are Us for a rental.</p> <p style="font style:italic">write us at <strong><a href="mailto:halloween@isp.com">halloween Dinner and Dance</a></strong> for reservations.</p> <p style="font style:italic; font family:verdana; font size:8pt">last updated September 10, 2010.</p> 1

2 CSS 2 = embedded CSS <title>apply Your Knowledge</title> <style type="text/css"> <! a {color: red; font weight: bolder; text decoration: none} table {margin left: 140; color: red; font size: 14pt} a:hover {color: yellow; font weight: bold; background: red} > </style> <p>welcome to the Signs Etc. Web site. The goal of this site is to distribute information on our unique sign services. Whether your signs are for the office or for a party, you can find the sign that you want at Signs Etc. We are the largest manufacturer of signs in the greater metropolitan area.</p> <p>please select your option from the links above. Let us know at <strong> <a href="mailto:signsetc@isp.com">signs Etc.</a></strong> if you have any questions.</p> CSS 2 <title>apply Your Knowledge</title> 2

3 <style type="text/css"> <! a {color: red; font weight: bolder; text decoration: none} table {margin left: 10; color: red; font size: 14pt} a:hover {color: yellow; font weight: bold; background: red} > </style> <img src="sign.gif" border="0" alt="sign logo" width="300" height="143" /> <table width="30%"> <th><a href="apply8 1office.html" target="win main">office</a></th> <th><a href="apply8 1party.html" target="win main">party</a></th> <th><a href="apply8 1home.html" target="win main">home</a></th> </table> CSS 3 = external CSS 3

4 1 Style1.css body {margin: 8pt; background color: #ffffff} a {text decoration: none; color: black} p {font family: Verdana, Garamond; font size: 11pt} table {font family: Verdana, Garamond; font size: 10pt; border color: #6d6f7b; border style: double} th {background color: #6d6f7b; color: white; text align: left} caption {font size: 8pt; font style: italic} 2. index.htm (frame_main) <title>karen Stofcich Financials</title> <frameset cols="20%,80%*"> <frame name="menu" src="menu.html" marginwidth="0" marginheight="2" frameborder="0" /> <frame name="win main" src="welcome.html" marginwidth="10" marginheight="10" frameborder="0" /> </frameset> 4

5 3 menu.htm <!DOCTYPE html? <title>karen Stofcich Financials Menu</title> <style type="text/css"> <! p {text indent: 20pt} a {text decoration: none; font family: Verdana, Garamond; font size: 12pt; color: #6d6f7b} a:hover {background: #6d6f7b; color: white} > </style> <a href="welcome.html" target="win main"> <img src="nestegg.jpg" border="0" width="154" height="154" alt="nest egg logo" /></a> <p><a href="contact.html" target="win main">contact</a> <br /><img src="image_line.gif" width="132" height="1" alt="" /></p> <p><a href="meetings.html" target="win main">meetings</a> <br /><img src="image_line.gif" width="132" height="1" alt="" /></p> 5

6 <p><a href="questions.html" target="win main">questions</a> <br /><img src="image_line.gif" width="132" height="1" alt="" /></p> <p><a href="welcome.html" target="win main">home</a> <br /><img src="image_line.gif" width="132" height="1" alt="" /></p> 4. welcome.htm <title>karen Stofcich Financials Home Page</title> <link rel="stylesheet" type="text/css" href="styles1.css" /> <center><img src="img_welcome.gif" width="486" height="76" alt="welcome logo" /></center> <p>karen Stofcich Financials has been providing solid financial and accounting services for over 20 years. Founded and managed by Karen Stofcich, CPA, MBA, a financial industry veteran and dedicated professional, our company strives to help you prepare for a financially secure retirement. It is never too early to start saving.</p> <p>with this Web site, we are happy to provide you with information on our various services. Our staff is dedicated to making your financial needs their business. All of our staff are highly educated in their various fields. They are there to provide friendly, knowledgeable service.</p> 6

7 <p>please select your option from the links on the left. Let us know at <strong> <a Stofcich Financials</a></strong> if you have any questions or concerns.</p> <p style="font style: italic; font size: 8pt">This Web site is developed and maintained by our <strong> <a staff</a></strong>. Please e mail all site questions and comments to us.</p> 5. meeting.htm <meta> <title>karen Stofcich Financials Meetings</title> <link rel="stylesheet" type="text/css" href="styles1.css" /> <center><img src="img_meetings.gif" width="187" height="55" alt="meetings logo" /></center> <p>please attend any of the free meetings listed below. Our financial experts will present the topics listed and be available to answer all of your questions. Seats are limited, so please call our 800 number to reserve your place.</p> <table border="0" align="center" cellpadding="5" cellspacing="0" width="100%"> <caption align="bottom">call MEET to reserve your place.</caption> <th width="20%">topics</th> <th width="30%">dates</th> <th width="50%">restaurant</th> <td width="20%">retirement</td> <td width="30%">june 8 and 9</td> <td width="50%">yormun's Steak House</td> 7

8 <td width="20%">accounting</td> <td width="30%">july 28 and 29</td> <td width="50%">fortunata Fish Place</td> <td width="20%">long term Care</td> <td width="30%">august 3, 4, and 5</td> <td width="50%">nick's Greek Food</td> <td width="20%">living Trusts</td> <td width="35%">september 10 and 11</td> <td width="50%">mimi's French Cooking</td> </table> 8

DAY 4. Coding External Style Sheets

DAY 4. Coding External Style Sheets DAY 4 Coding External Style Sheets LESSON LEARNING TARGETS I can code and apply an embedded style sheet to a Web page. I can code and apply an external style sheet to multiple Web pages. I can code and