Example of Well Documented HTML

Link to Example of Well Documented CSS


<!DOCTYPE html>

<!-- start out using template - item #2 -->
<!-- 
HTML and CSS 6th Edition: Comprehensive
Author:  
Date:  
Text Editor:   
-->

<html lang="en">

<head>

<title>Apple Bavarian Torte Recipe</title>
<!-- use utf-8 instead of ISO-8859-1 - item #2 -->
<meta charset="utf-8" />

<!-- use george's modernizer file - item #2 -->
<script src="http://www.tulane.edu/~gnorth/modernizr.js"></script>
<link href="dessertstyles.css" rel="stylesheet" type="text/css" />
</head>

<body>

<header>
	<h1><img src="dessertweb.jpg" alt="dessertWEB" /></h1>
</header>

<section>
	<!-- replace 'stars' with equivelent html special character ★ instead - item #11  -->
	<h1>Apple Bavarian Torte (&#9733; &#9733; &#9733; &#9733;)</h1>
	<!-- insert torte image with width of 250 - item #7  -->
	<!-- per pg. 52 images should be within a grouping element  -->
	<p><img src="torte.jpg" alt="Torte image" width="250" />
	</p>

	<p>A classic European torte baked in a springform pan. Cream cheese, sliced almonds, and apples 
	make this the perfect holiday treat (12 servings).
	</p>

	<h2>INGREDIENTS</h2>

	<!-- make an unordered list - item #8  -->
	<ul>
		<!-- replace fractions with html special characters - item #9  -->
	    <li>&#189; cup butter</li>
		<li>&#8531; cup white sugar </li>
		<li>&#188; teaspoon vanilla extract </li>
		<li>1 cup all-purpose flour </li>
		<li>1 (8 ounce) package cream cheese </li>
		<li>&#188; cup white sugar </li>
		<li>1 egg </li>
		<li>&#189; teaspoon vanilla extract </li>
		<li>6 apples - peeled, cored, and sliced </li>
		<li>&#8531; cup white sugar </li>
		<li>&#189; teaspoon ground cinnamon</li>
		<li>&#188; cup sliced almonds</li>
	</ul>

	<h2>DIRECTIONS</h2>

	<!-- make an ordered list - item #10  -->
	<ol>
		<li>Preheat oven to 450 ° F (230 ° C).</li>
		<li>Cream together butter, sugar, vanilla, and flour.</li>
		<li>Press crust mixture into the flat bottom of a 9-inch springform pan. Set aside.</li>
		<li>In a medium bowl, blend cream cheese and sugar. Beat in egg and vanilla. Pour cheese mixture over crust.</li>
		<li>Toss apples with sugar and cinnamon. Spread apple mixture over all.</li>
		<li>Bake for 10 minutes. Reduce heat to 400 ° F (200 ° C) and continue baking for 25 minutes.</li>
		<li>Sprinkle almonds over top of torte. Continue baking until lightly browned.  Cool before removing from pan.</li>
	</ol>
</section>

<aside>
<h1>REVIEWS</h1>

	<!-- replace 'stars' with equivelent html special character ★ instead - item #11  -->
	<p>&#9733;&#9733;&#9733;&#9733; </p>
	<blockquote>
		<p>I loved the buttery taste of the crust which complements the apples very nicely.
		<br />   
		— Reviewed on <time datetime="2014-09-22">Sep. 22, 2014</time> <cite>by MMASON</cite>.
		</p>
	</blockquote>

	<!-- replace 'stars' with equivelent html special character ★ instead - item #11  -->
	<p>&#9733;&#9733;</p>   
	<blockquote>
		<p>Nothing special. I like the crust, but there was a little too much of it for my taste, 
	    and I liked the filling but there was too little of it. I thought the 
	    crunchy apples combined with the sliced almonds detracted from the overall flavor.
	    <br />
	    — Reviewed on <time datetime="2014-09-01">Sep. 1, 2014</time> <cite>by GLENDACHEF</cite>. 
	    </p>
	</blockquote>

	<!-- replace 'stars' with equivelent html special character ★ instead - item #11  -->
	<p>&#9733;&#9733;&#9733;&#9733;&#9733;</p>
	<blockquote>
		<p>Delicious!! I recommend microwaving the apples for 3 minutes before baking,
	    to soften them. Great dessert - I'll be making it again for the holidays.
	    <br />
	    — Reviewed on <time datetime="2014-08-28">August 28, 2014</time> <cite>by BBABS</cite>.
		</p>
	</blockquote>
</aside>
<!-- page saved as torte.htm - item #3 -->
<!-- verify W3C compliance - item #4 -->   
<!-- html thoroughly commented - item #5 --> 
<!-- using week# folders for organization on webserver - item #6 --> 
</body>
</html>