Tuesday, 20 May 2014

Bart's CornBread Code

<div div="" id="container" style="width: 650px;">
<div id="header" style="background-color: darkorange; height: 50px;">
<h1 style="text-align: center;">
<span style="font-size: x-large;"><u>
Bart's Corn Bread</u></span></h1>
</div>
<div id="menu" style="background-color: chocolate; float: left; height: 440px; width: 125px;">
<b><span style="font-size: large;">Home</span></b><br />
<hr />
<b><span style="font-size: large;">Food</span></b><br />
<hr />
<b><span style="font-size: large;">Pricing</span></b><br />
<hr />
<b><span style="font-size: large;">Gift Cards</span></b><br />
<hr />
</div>
<div id="content" style="background-color: beige; float: left; height: 440px; width: 525px;">
<div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_Wz_9ffqHgG__5ZK8xR0qpletwbwxLtLOC_7tGb7iXKmIZ03xZbNWdJJPgBPcXJMCXA1NedGpwHqs90UBv9unK3TftD7q07F8gfNtu9m2B1zvi3suLIPfdcO0WWOi_irJ4Xt0Vw76yU/s1600/Cornbread.gif" imageanchor="1"><img border="0" center="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_Wz_9ffqHgG__5ZK8xR0qpletwbwxLtLOC_7tGb7iXKmIZ03xZbNWdJJPgBPcXJMCXA1NedGpwHqs90UBv9unK3TftD7q07F8gfNtu9m2B1zvi3suLIPfdcO0WWOi_irJ4Xt0Vw76yU/s1600/Cornbread.gif" height="200" width="220" /></a><br />
<span style="text-align: center;">My cornbread has been running in the family for generations. Now I, Bart Baker, am proud to present to you my grandmother's granparent's secret recipe for cornbread. We put in hours of hard work and dedication, to give you a tray of sweet tasting cornbread. The flavors that burst in your mouth will make you run back for more, so head on down to Bart's Corn Bread</span><span style="text-align: center;">!</span><br />
<span style="text-align: center;"></span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Give us call<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img alt="Call" src="http://www.clker.com/cliparts/z/n/s/T/f/X/900000-phone-clip-art-hi.png" height="50" style="text-align: center;" usemap="#phone" width="50" />

<map name="phone">
<area alt="Nubmer" coords="25,25,25" href="http://allrecipes.com/recipe/grandmothers-buttermilk-cornbread" shape="circle"></area>

</map></div>
</div>
<br />
<br />
<br />
<div id="footer" style="background-color: darkorange; clear: both; text-align: center;">
Copyright © bartcornbread.com</div>
</div>

Bart's CornBread

                          
My cornbread has been running in the family for generations. Now I, Bart Baker, am proud to present to you my grandmother's granparent's secret recipe for cornbread. We put in hours of hard work and dedication, to give you a tray of sweet tasting cornbread. The flavors that burst in your mouth will make you run back for more, so head on down to Bart's Corn Bread!
                                                 
                                                    Give us call
                                                       Call Nubmer



Wednesday, 14 May 2014

Project 30 "HTML 5 Blocks, Layout, Forms and IFrames"

Layout using <table>


Layout using <div>


Drop down list, Text Area, Button, Fieldset


Textfield, Form w/ checkboxes, radio buttons


Email from a form


Setting width and height for iFrame


Borders in iFrames

iFrame as Target for Link




Text Fields, Password Fields, Radio buttons, Checkbox

Thursday, 8 May 2014

Project 29 "HTML 5 Image, Tables and Lists"

Image: w/ clickable region

Image: After clicking the link


Basic HTML Table


Table with Borders


Table with collapsed  borders


Ordered List



Unordered List


Nested List


Description List

Tuesday, 6 May 2014

Project 28 "HTML 5"

Background and text background color
Heading, Styles in Headings and Paragraphs, Link without Underline
Text Alignment
CSS

Sunday, 4 May 2014

Thursday, 1 May 2014

Project 26 "HTML Formatting"

Formatting

Preformatted and Computer Output

Address

Abbreviations and Acronyms

Text Direction, Quotations, Deleted and Inserted Texts and Marked or Highlighted Texts

Project 25 "Intro to HTML"

Heading

Paragraphs


Link


Image