1. Intro to HTML

2. Paragraph Mark-up

3. I’ve started so I must finish! <P> <STRONG> Write Your Text Here </STRONG> </P>

4. Headings We use different heading styles to break-up page content Increased number = Smaller heading

5. Tables Tables can be used to arrange content in a more organised or attractive way

6. Tables <table class="plain"> <tbody> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>

7. Tables <table class="plain"> <tbody> <tr> Row <td> </td> ABC Cell <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>

8. Tables – Merging Cells <table class="plain"> <tbody> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>

9. Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td colspan=“2”> <td> </td> Number of Cells needs to be equal Delete Replace Cell </tr> <tr> colspan <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>

10. Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td rowspan=“2”> <td> </td> <td> </td> </tr> <tr> rowspan Delete Replace Cell <td> </td> <td> </td> </tr> </tbody> </table>

11. Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td rowspan=“2”> <td> </td> <td> </td> </tr> <tr> colspan rowspan <td> </td> <td> </td> </tr> Text Text </tbody> </table>

12. Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td colspan=“2”> <td> </td> </tr> <tr> colspan rowspan <td> </td> <td> </td> Title across all the row <td> </td> </tr> Text Text Text </tbody> </table>

13. Strange HTML &nbsp <table class="plain"> <tbody> <tr> <td> </td> &nbspText <td> </td> Text <td> </td> </tr> <tr> Text <td> </td> Text <td> </td> <td> </td> </tr> </tbody> </table>