Intro to HTML

482 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
482
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Page 13H4 is the same size as standard font
  • Intro to HTML

    1. 1. Intro to HTML<br />
    2. 2. Paragraph Mark-up<br />
    3. 3. I’ve started so I must finish!<br /><P><br /><STRONG><br />Write Your Text Here<br /></STRONG><br /></P><br />
    4. 4. Headings<br />We use different heading styles to break-up page content<br />Increased number<br /> = <br />Smaller heading<br />
    5. 5. Tables<br />Tables can be used to arrange content in a more organised or attractive way<br />
    6. 6. Tables<br /><table class="plain"><br /><tbody><br /><tr><br /><td><br /></td><br /><td><br /></td><br /><td><br /></td><br /></tr><br /><tr><br /><td><br /></td><br /><td><br /></td><br /><td><br /></td><br /></tr><br /></tbody><br /></table><br />
    7. 7. Tables<br /><table class="plain"><br /><tbody><br /><tr><br />Row<br /><td><br /></td><br />ABC<br />Cell<br /><td><br /></td><br /><td><br /></td><br /></tr><br /><tr><br /><td><br /></td><br /><td><br /></td><br /><td><br /></td><br /></tr><br /></tbody><br /></table><br />
    8. 8. Tables – Merging Cells<br /><table class="plain"><br /><tbody><br /><tr><br /><td><br /></td><br /><td><br /></td><br /><td><br /></td><br /></tr><br /><tr><br /><td><br /></td><br /><td><br /></td><br /><td><br /></td><br /></tr><br /></tbody><br /></table><br />
    9. 9. Tables – Merging Cells<br /><table class="plain"><br /><tbody><br /><tr><br /></td><br /><td colspan=“2”><br /><td><br /></td><br />Number of Cells needs to be equal<br />Delete Replace Cell<br /></tr><br /><tr><br />colspan<br /><td><br /></td><br /><td><br /></td><br /><td><br /></td><br /></tr><br /></tbody><br /></table><br />
    10. 10. Tables – Merging Cells<br /><table class="plain"><br /><tbody><br /><tr><br /></td><br /><td rowspan=“2”><br /><td><br /></td><br /><td><br /></td><br /></tr><br /><tr><br />rowspan<br />Delete Replace Cell<br /><td><br /></td><br /><td><br /></td><br /></tr><br /></tbody><br /></table><br />
    11. 11. Tables – Merging Cells<br /><table class="plain"><br /><tbody><br /><tr><br /></td><br /><td rowspan=“2”><br /><td><br /></td><br /><td><br /></td><br /></tr><br /><tr><br />colspan<br />rowspan<br /><td><br /></td><br /><td><br /></td><br /></tr><br />Text<br />Text<br /></tbody><br /></table><br />
    12. 12. Tables – Merging Cells<br /><table class="plain"><br /><tbody><br /><tr><br /></td><br /><td colspan=“2”><br /><td><br /></td><br /></tr><br /><tr><br />colspan<br />rowspan<br /><td><br /></td><br /><td><br /></td><br />Title across all the row<br /><td><br /></td><br /></tr><br />Text<br />Text<br />Text<br /></tbody><br /></table><br />
    13. 13. Strange HTML<br />&nbsp<br /><table class="plain"><br /><tbody><br /><tr><br /><td><br /></td><br />&nbspText<br /><td><br /></td><br />Text<br /><td><br /></td><br /></tr><br /><tr><br />Text<br /><td><br /></td><br />Text<br /><td><br /></td><br /><td><br /></td><br /></tr><br /></tbody><br /></table><br />

    ×