2021-02-09

Feb 10 In-Class Exercise.

Please post your solutions to the Feb 10 In-Class Exercise to this thread.
Best,
Chris
Please post your solutions to the Feb 10 In-Class Exercise to this thread. Best, Chris
2021-02-10

-- Feb 10 In-Class Exercise
<!DOCTYPE html>
<html lang="en-US">
<head>
    <title>Menu</title> 
 
    <meta name="description" content="A table for a menu">
    <meta name="author" content="Mark Silva">
    <meta charset="utf-8"> 
 
    <style>
        table, th, td {
          border: 1px solid black;
          border-collapse: collapse;
        }
    </style> 
 
</head>
<body>
    <h1>My Menu</h1> 
 
    <table>
        <caption>Menu</caption>
        <tr><th>Item</th><th>Price</th></tr>
        <tr><td>Burger</td><td>$4.99</td></tr>
        <tr><td>Fries</td><td>$2.49</td></tr>
        <tr><td>Soda</td><td>$0.99</td></tr>
        <tr><td>Milkshake</td><td>$1.99</td></tr>
        <tr><td>Ice Cream</td><td>$4.99</td></tr>
    </table>
</body>
</html>
(Edited: 2021-02-10)
<pre> <!DOCTYPE html> <html lang="en-US"> <head> <title>Menu</title> <meta name="description" content="A table for a menu"> <meta name="author" content="Mark Silva"> <meta charset="utf-8"> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> </head> <body> <h1>My Menu</h1> <table> <caption>Menu</caption> <tr><th>Item</th><th>Price</th></tr> <tr><td>Burger</td><td>$4.99</td></tr> <tr><td>Fries</td><td>$2.49</td></tr> <tr><td>Soda</td><td>$0.99</td></tr> <tr><td>Milkshake</td><td>$1.99</td></tr> <tr><td>Ice Cream</td><td>$4.99</td></tr> </table> </body> </html> </pre>

-- Feb 10 In-Class Exercise
<!DOCTYPE html> <html>
  <head>
    <title>Menu</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <style>
      table,
      th,
      td {
        border: 1px solid black;
        border-collapse: collapse;
        padding: 5px;
      }
    </style>
    <table>
      <caption>
        Menu
      </caption>
      <tr>
        <th>Item</th>
        <th>Price</th>
      </tr>
      <tr>
        <td>Pizza</td>
        <td>$2.50</td>
      </tr>
      <tr>
        <td>Hot dog</td>
        <td>$2.00</td>
      </tr>
      <tr>
        <td>Burger</td>
        <td>$3.00</td>
      </tr>
      <tr>
        <td>Fries</td>
        <td>$1.50</td>
      </tr>
      <tr>
        <td>Milkshake</td>
        <td>$1.00</td>
      </tr>
    </table>
  </body>
</html>
<!DOCTYPE html> <html> <head> <title>Menu</title> <meta charset="utf-8" /> </head> <body> <style> table, th, td { border: 1px solid black; border-collapse: collapse; padding: 5px; } </style> <table> <caption> Menu </caption> <tr> <th>Item</th> <th>Price</th> </tr> <tr> <td>Pizza</td> <td>$2.50</td> </tr> <tr> <td>Hot dog</td> <td>$2.00</td> </tr> <tr> <td>Burger</td> <td>$3.00</td> </tr> <tr> <td>Fries</td> <td>$1.50</td> </tr> <tr> <td>Milkshake</td> <td>$1.00</td> </tr> </table> </body> </html>

-- Feb 10 In-Class Exercise
<!DOCTYPE html> <html lang="en"> <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head> <body> <style> table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
} th, td {
  padding: 5px;
} </style> <table>
    <caption>Menu</caption>
    <tr><td></td><th>Item</th><th>Price</th></tr>
    <tr><th>1.</th><td>Pho</td><td>$10</td></tr>
    <tr><th>2.</th><td>Rice with griled beef</td><td>$12</td></tr>
    <tr><th>3.</th><td>Rice with griled chicken</td><td>$13</td></tr>
    <tr><th>4.</th><td>Rice with griled fish</td><td>$13</td></tr>
    <tr><th>5.</th><td>Spicy Beef Noodle soup</td><td>$11</td></tr>
</table> </body> </html>
(Edited: 2021-02-10)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; } </style> <table> <caption>Menu</caption> <tr><td></td><th>Item</th><th>Price</th></tr> <tr><th>1.</th><td>Pho</td><td>$10</td></tr> <tr><th>2.</th><td>Rice with griled beef</td><td>$12</td></tr> <tr><th>3.</th><td>Rice with griled chicken</td><td>$13</td></tr> <tr><th>4.</th><td>Rice with griled fish</td><td>$13</td></tr> <tr><th>5.</th><td>Spicy Beef Noodle soup</td><td>$11</td></tr> </table> </body> </html>

-- Feb 10 In-Class Exercise
<!doctype html>
<html lang='en-us'>
<head>
<title>Server Side Bistro</title>
<style>
table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
} </style> </head> <body> <h1><b><i>Server Side Bistro</i></b></h1> <table>
	<caption><h2><b><i>Menu</i></b></h2></caption>
	<tr><th>Item</th><th>Price</th></tr>
	<tr><td>HTML Spaghetti</td><td>$10.00</td>
	<tr><td>CSS Soup</td><td>$5.00</td>
	<tr><td>JS Sandwich</td><td>$8.00</td>
	<tr><td>PHP Pancakes</td><td>$10.00</td>
	<tr><td>Apache Pie</td><td>$20.00</td>
</body> </html> (Edited: 2021-02-10)
<pre> <!doctype html> <html lang='en-us'> <head> <title>Server Side Bistro</title> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> </head> <body> <h1><b><i>Server Side Bistro</i></b></h1> <table> <caption><h2><b><i>Menu</i></b></h2></caption> <tr><th>Item</th><th>Price</th></tr> <tr><td>HTML Spaghetti</td><td>$10.00</td> <tr><td>CSS Soup</td><td>$5.00</td> <tr><td>JS Sandwich</td><td>$8.00</td> <tr><td>PHP Pancakes</td><td>$10.00</td> <tr><td>Apache Pie</td><td>$20.00</td> </body> </html> </pre>

-- Feb 10 In-Class Exercise
<!DOCTYPE html> <html lang="en"> <head>
    <meta charset="UTF-8">
    <title>Menu</title>
</head> <body> <table>
  <caption>Menu</caption>
  <tr><th>Item</th><th>Price</th></tr>
  <tr><td>Mac n Cheese</td><td>10.99</td></tr>
  <tr><td>Cheeseburger</td><td>6.99</td></tr>
  <tr><td>Fries</td><td>3.99</td></tr>
  <tr><td>Milkshake</td><td>4.99</td></tr>
  <tr><td>Chicken wings</td><td>13.99</td></tr>
</table> </body> </html>
(Edited: 2021-02-10)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Menu</title> </head> <body> <table> <caption>Menu</caption> <tr><th>Item</th><th>Price</th></tr> <tr><td>Mac n Cheese</td><td>10.99</td></tr> <tr><td>Cheeseburger</td><td>6.99</td></tr> <tr><td>Fries</td><td>3.99</td></tr> <tr><td>Milkshake</td><td>4.99</td></tr> <tr><td>Chicken wings</td><td>13.99</td></tr> </table> </body> </html>

-- Feb 10 In-Class Exercise
<!DOCTYPE html> <html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        table,
        th,
        td {
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
    <table>
        <caption>Menu</caption>
        <tr>
            <th>Item</th>
            <th>Price</th>
        </tr>
        <tr>
            <td>Bun Bo No Meat</td>
            <td>10</td>
        </tr>
        <tr>
            <td>Bun Bo</td>
            <td>20</td>
        </tr>
        <tr>
            <td>Veggie Bun Bo</td>
            <td>30</td>
        </tr>
        <tr>
            <td>Bun Bo with Meat and Veggie</td>
            <td>40</td>
        </tr>
        <tr>
            <td>Big Bowl of Bun Bo</td>
            <td>50</td>
        </tr>
    </table>
</body>
</html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> <table> <caption>Menu</caption> <tr> <th>Item</th> <th>Price</th> </tr> <tr> <td>Bun Bo No Meat</td> <td>10</td> </tr> <tr> <td>Bun Bo</td> <td>20</td> </tr> <tr> <td>Veggie Bun Bo</td> <td>30</td> </tr> <tr> <td>Bun Bo with Meat and Veggie</td> <td>40</td> </tr> <tr> <td>Big Bowl of Bun Bo</td> <td>50</td> </tr> </table> </body> </html>

-- Feb 10 In-Class Exercise
<!DOCTYPE html> <html> <head>
	<title>Today's Menu</title>
	<meta charset="utf-8"/>
	<style>
	table, th, td {
	  border: 1px solid black;
	  border-collapse: collapse;
	}
	</style>
</head>
<body>
	<h1>In Class Exercise 2/10</h1>
	<table>
	    <caption>Menu</caption>
	    <tr><th>Item</th><th>Price</th></tr>
	    <tr><td>Water</td><td>$1.00</td></tr>
	    <tr><td>Soda</td><td>$2.00</td></tr>
	    <tr><td>Milk</td><td>$1.00</td></tr>
	    <tr><td>Apple juice</td><td>$1.00</td></tr>
	    <tr><td>Coffee</td><td>$2.00</td></tr>
	</table>
</body> </html>
<!DOCTYPE html> <html> <head> <title>Today's Menu</title> <meta charset="utf-8"/> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> </head> <body> <h1>In Class Exercise 2/10</h1> <table> <caption>Menu</caption> <tr><th>Item</th><th>Price</th></tr> <tr><td>Water</td><td>$1.00</td></tr> <tr><td>Soda</td><td>$2.00</td></tr> <tr><td>Milk</td><td>$1.00</td></tr> <tr><td>Apple juice</td><td>$1.00</td></tr> <tr><td>Coffee</td><td>$2.00</td></tr> </table> </body> </html>

-- Feb 10 In-Class Exercise
<!DOCTYPE html> <html> <head> <style> table, th, td {
  border: 1px solid black;
} </style> </head> <body>
<table>
  <caption>Menu</caption>
  <tr>
    <th>Item</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>Clam Chowder</td>
    <td>$5</td>
  </tr>
   <tr>
    <td>Rib Eye Steak</td>
    <td>$20</td>
  </tr>
   <tr>
    <td>Pho</td>
    <td>$12</td>
  </tr>
  <tr>
    <td>Pizza</td>
    <td>$6</td>
  </tr>
  <tr>
    <td>Burrito</td>
    <td>$4</td>
  </tr>
</table>
</body> </html>
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <table> <caption>Menu</caption> <tr> <th>Item</th> <th>Price</th> </tr> <tr> <td>Clam Chowder</td> <td>$5</td> </tr> <tr> <td>Rib Eye Steak</td> <td>$20</td> </tr> <tr> <td>Pho</td> <td>$12</td> </tr> <tr> <td>Pizza</td> <td>$6</td> </tr> <tr> <td>Burrito</td> <td>$4</td> </tr> </table> </body> </html>

-- Feb 10 In-Class Exercise
<!doctype html> <head>
	<title>Table Exercise</title>
<head> <body>
	<style>
        table, th, td {
          border: 1px solid black;
          border-collapse: collapse;
        }
    </style>
	<table>
		<caption>Menu</caption>
		<tr><th>Item</th><th>Price</th></tr>
		<tr><td>Mystery Soup</td><td>$500</td></tr>
		<tr><td>Chips and Salsa</td><td>$5</td></tr>
		<tr><td>Bread Sticks</td><td>$8</td></tr>
		<tr><td>Potatoes</td><td>$40000</td></tr>
		<tr><td>Steak</td><td>5 cents</td></tr>
	</table>
</body> </html>
<!doctype html> <head> <title>Table Exercise</title> <head> <body> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> <table> <caption>Menu</caption> <tr><th>Item</th><th>Price</th></tr> <tr><td>Mystery Soup</td><td>$500</td></tr> <tr><td>Chips and Salsa</td><td>$5</td></tr> <tr><td>Bread Sticks</td><td>$8</td></tr> <tr><td>Potatoes</td><td>$40000</td></tr> <tr><td>Steak</td><td>5 cents</td></tr> </table> </body> </html>
[ Next ]
X