Feb 10 In-Class Exercise .
Please post your solutions to the Feb 10 In-Class Exercise to this thread.
Best,
Chris
<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>
(Edited: 2021-02-10)<!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 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>
<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>
<!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"> <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> <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> <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>
<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>