CS174
Chris Pollett
Aug 31, 2022
<meta property='og:type' content='video' /> <meta property='og:url' content='https://www.yioop.com/group/434/Main?&page_id=2101954&arg=media &n=01+Aug+22+Syllabus+-+Introducing+HTTP.m4v' /> <meta property='og:title' content='01 Aug 22 Syllabus - Introducing HTTP.m4v' /> <meta property='video:release_date' content='2022-08-22T17:40:59-07:00' /> <meta property='og:image' content='https://www.yioop.com/wd/athumbs/-/434/2101954/ 01+Aug+22+Syllabus+-+Introducing+HTTP.m4v' /> <meta property='og:video:width' content='1280' /> <meta property='og:video:height' content='800' /> <meta property='video:duration' content='4663.360000' />
canvas
tag, a block level tag, can be used to render more sophisticated 2d and 3d objects.<h1>heading1</h1> <h2>heading 2</h2> <h3>heading</h3> <!--this is okay, should not do things like skip from an h2 to an h4 tag without an h3 tag in between. Screen readers use these headings to extract a table of contents for the document -->
<ul> <li>List Item 1</li> <li>List Item 2 <ul> <li>Sub List Item</li> </ul> </li> </ul>
|
<ol> <li>List Item 1</li> <li>List Item 2 <ol> <li>Sub List Item </li> </ol> </li> </ol>
|
<a href="http://www.somewhere.com/">somewhere</a>
<img src="myphoto.gif" alt="This is a picture of me" />
& | & |
< | < |
> | > |
(hard space) | |
" | " |
Σ | Σ |
<style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> <table> <caption>grade table</caption> <tr><th></th><th>Item</th><th>Value</th></tr> <tr><th>1.</th><td>Homeworks</td><td>50%</td></tr> <tr><th>2.</th><td>Exams</td><td>50%</td></tr> </table>
Item | Value | |
---|---|---|
1. | Homeworks | 50% |
2. | Exams | 50% |
You can make table headings or table data span more than one column or more than one row using colspan, rowspan:
<tr><th colspan="3">heading</th></tr> <!-- if we have two levels of heading--> <tr><th colspan="2">heading</th></tr> <tr><th>subhead1</th><th>subhead2</th></tr> <tr><td>1</td><td>2</td></tr>