Post your solutions to the Sep 9 In-Class Exercise to this thread.
Best,
Chris
<!DOCTYPE html> <html> <head> <title>Simple HTML</title> <meta charset="utf-8" /> </head> <body> <style> table, th, td { border: 1px solid black; } </style> <table> <caption>MLB player stats</caption> <tr><th>Name</th><th>AVG</th><th>HR</th></tr> <tr><th>Bob</th><td>.1</td><td>10</td></tr> <tr><th>Bob's brother</th><td>1</td><td>100</td></tr> <tr><th>Bob bobbington</th><td>.00</td><td>0</td></tr> <tr><th>Bobby</th><td>.01</td><td>1</td></tr> <tr><th>fred</th><td>.2</td><td>20</td></tr>
</table> <h1>Example HTML 5 document.</h1> <p>Example paragraph.</p> </body> </html>
<!DOCTYPE html> <html> <head> <title></title> </head> <body>
<table>
<caption>MLB Player Stats</caption>
<tr><th>Name</th><th>Avg</th><th>HR</th></tr>
<tr><td>Bob</td><td>30%</td><td>80</td></tr>
<tr><td>Tom</td><td>40%</td><td>90</td></tr>
<tr><td>Sam</td><td>90%</td><td>20</td></tr>
<tr><td>Malina</td><td>20%</td><td>10</td></tr>
<tr><td>Zulaikha</td><td>40%</td><td>60</td></tr>
</table>
</body> </html>
<!DOCTYPE html> <html> <table> <caption> MLB Player Stats</caption> <tr> <th align="left">Name</th> <th align="center">Average</th> <th align = "right">Home Run Average</th> </tr> <tr> <td>Nelson Cruz</td> <td>0.342</td> <td>15</td> </tr> <tr> <td>Mike Trout</td> <td>0.301</td> <td>15</td> </tr> <tr> <td>Fernando Tatis Jr</td> <td>0.310</td> <td>15</td> </tr> <tr> <td>Mike Ozuma</td> <td>0.310</td> <td>13</td> </tr> <tr> <td>Dominic Smith</td> <td>0.322</td> <td>7</td> </tr> </table>
</html>
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body>
<table> <caption>MLB Player Stats</caption> <tr> <th>Name</th> <th>Avg</th> <th>HR</th> </tr> <tr> <td>Trea Turner</td> <td>.359</td> <td>9</td> </tr> <tr> <td>Jose Abreu</td> <td>.314</td> <td>13</td> </tr> <tr> <td>Michael Conforto</td> <td>.340</td> <td>7</td> </tr> <tr> <td>Fernando Tatis Jr.</td> <td>.310</td> <td>15</td> </tr> <tr> <td>Manny Machado</td> <td>.308</td> <td>12</td> </tr> </table> </body> </html>
(Edited: 2020-09-09)<!DOCTYPE html> <html lang="en"> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> <head> <title>MLB Player Stats</title> </head>
<body> <table cellpadding="5px"> <caption> MLB Player Stats </caption> <!-- Headers --> <tr> <th>Name</th> <th>Avg</th> <th>HR Avg</th> </tr> <!-- Player Rows --> <tr> <td>Nelson Cruz</td> <td>.342</td> <td>15</td> </tr> <tr> <td>Mike Trout</td> <td>.301</td> <td>15</td> </tr> <tr> <td>Ian Happ</td> <td>.295</td> <td>12</td> </tr> <tr> <td>Trea Turner</td> <td>.395</td> <td>9</td> </tr> <tr> <td>Marcell Ozuna</td> <td>.310</td> <td>13</td> </tr> </table> </body> </html>
<nowiki> <!doctype html>
<html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content="in class exsercise sep 9 2020"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CS160 transcript</title> </head> <body> <table style="width:100%" border="4"> <caption> MLB Player Stats </caption> <tr> <th>Name</th> <th>Avg</th> <th>Hr</th> </tr> <tr> <td>Nelson Cruz</td> <td>0.342</td> <td>15</td> </tr> <tr> <td>Mike Trout</td> <td>0.301</td> <td>15</td> </tr> <tr> <td>Fernando Tatis Jr.</td> <td>0.310</td> <td>15</td> </tr> <tr> <td>Ian Happ</td> <td>0.295</td> <td>12</td> </tr> <tr> <td>Trea Turner</td> <td>0.359</td> <td>9</td> </tr> </table> </body>
</html> </nowiki>
<!DOCTYPE html> <html> <head> <title>Simple HTML</title> <meta charset="utf-8" /> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <table border="5" cellspacing="3" cellpadding="11" summary="..." > <col width="40%" /> <col width="20%" /> <col width="20%" /> <caption>MLB Player</caption> <tr align="center"><th>Name</th><th>Avg</th><th>HR.Avg</th></tr> <tr><td>Nelson Cruz</td><td>.342</td><td>15</td></tr> <tr><td>Mike Trout</td><td >.301</td><td>15</td></tr> <tr><td>Fernando Tatis Jr.</td><td>.310</td><td>15</td></tr> </table> </body> </html>
(Edited: 2020-09-09)