layout.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "UTF-8">
	<title></title>
	<link rel = "stylesheet" type="text/css" href = "style.css">
  </head>
  <body>
<!-- Table -->
    <section>
	  <div>
	    <p> Hello Hello World </p>
		<table class="table1">
		  <caption> Baking Information Cheat Sheet </caption>

		    <thead id="thead1"> 
			  <td> <td> Flour <td> Yeast <td> Water <td> Salt <td> Eggs 
			</thead>
			<tbody id="tbody1">
		      <tr> <td> Sourdough <td> YES <td> YES <td> YES <td> YES <td> NO
			  <tr> <td> Muffins <td> YES <td> NO <td> YES <td> YES <td> YES
			  <tr> <td> Pizza <td> YES <td> YES <td> YES <td> YES <td> NO
			  <tr> <td> Cake <td> YES <td> NO <td> YES <td> NO <td> YES
		      <tr> <td> Tortilla <td> YES <td> NO <td> YES <td> YES <td> NO
			</tbody>
			<tr>
			<tfoot id="tfoot1"> 
			  <td colspan = 2> Goodbye <td colspan = 4> Okay 
			</tfoot>
		</table>
	  </div>
	</section>
<!-- Drop List -->
	<section>
	  <dl id="droplist1">
	    <dt>Banana Bread</dt>
		<dd>Requires Bananas, but same as muffin</dd>
		<dt>Chocolate Cake</dt>
		<dd>Requires Chocolate, but same as cake!</dd>
		<dt>Pizza Bread?!</dt>
		<dd>Actually just bread with sauce and cheese</dd>
	  </dl>
	</section>
<!-- Post Form -->
	<section id = "form1">
	  <form action="http://web.engr.oregonstate.edu/~osterbit/2/repo/class-content/form_tests/Formtest.php" method="post">
	    <div>
		  <label for="text_input">Text</label>
		  <input type="text" name="text_input" />
		</div>
		<div>
		  <label for="numerical_input">Number</label>
	      <input type="number" name="numerical_input" />
		</div>
		<div>
		  <label for="password">Password</label>
		  <input type="password" name="password" />
		</div>
		<div>
		  <input type="radio" name="candy" value="Snickers" checked>Snickers
		  <br>
		  <input type="radio" name="candy" value="Skittles" checked>Skittles
		  <br>
		  <input type="radio" name="candy" value="Mentos" checked>Mentos
		</div>
		<div class = "button">
		  <button type="submit">Send your message</button>
	    </div>
	  </form>
	</section>
	<p> </p>
<!-- Get Form -->
    <section id = "form2">
	  	  <form action="http://web.engr.oregonstate.edu/~osterbit/2/repo/class-content/form_tests/Formtest.php" method="get">
	    <div>
		  <label for="text_input">Text</label>
		  <input type="text" name="text_input" />
		</div>
		<div>
		  <label for="numerical_input">Number</label>
	      <input type="number" name="numerical_input" />
		</div>
		<div>
		  <label for="password">Password</label>
		  <input type="password" name="password" />
		</div>
		<div>
		  <input type="radio" name="candy" value="Snickers" checked>Snickers
		  <br>
		  <input type="radio" name="candy" value="Skittles" checked>Skittles
		  <br>
		  <input type="radio" name="candy" value="Mentos" checked>Mentos
		</div>
		<div class = "button">
		  <button type="submit">Send your message</button>
	    </div>
	  </form>
	</section>
<!-- Div Section -->
    <section>
	  <div class="Outer-Content">
	    <div class = "Inner-Content">
		  <p> Some content goes here </p>
		</div>
	  </div>
	</section>
<!-- Picture Wrap Section -->
    <section id = "pictureWrap">
	  <div class="fakePicture">
	    <p>100px x 125px</p>
	  </div>
	  <p>HTML is a markup language that web browsers use to interpret and compose text, images and other material into visual or audible web pages. Default characteristics for every item of HTML markup are defined in the browser, and these characteristics can be altered or enhanced by the web page designer's additional use of CSS. Many of the text elements are found in the 1988 ISO technical report TR 9537 Techniques for using SGML, which in turn covers the features of early text formatting languages such as that used by the RUNOFF command developed in the early 1960s for the CTSS (Compatible Time-Sharing System) operating system: these formatting commands were derived from the commands used by typesetters to manually format documents. However, the SGML concept of generalized markup is based on elements (nested annotated ranges with attributes) rather than merely print effects, with also the separation of structure and markup; HTML has been progressively moved in this direction with CSS.</p>
	  <p>Berners-Lee considered HTML to be an application of SGML. It was formally defined as such by the Internet Engineering Task Force (IETF) with the mid-1993 publication of the first proposal for an HTML specification: "Hypertext Markup Language (HTML)" Internet-Draft by Berners-Lee and Dan Connolly, which included an SGML Document Type Definition to define the grammar.[9] The draft expired after six months, but was notable for its acknowledgment of the NCSA Mosaic browser's custom tag for embedding in-line images, reflecting the IETF's philosophy of basing standards on successful prototypes.[10] Similarly, Dave Raggett's competing Internet-Draft, "HTML+ (Hypertext Markup Format)", from late 1993, suggested standardizing already-implemented features like tables and fill-out forms.[11]</p>
  </body>
</html>