Successfully reported this slideshow.
Your SlideShare is downloading. ×

HTML Table borders.pptx

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 10 Ad
Advertisement

More Related Content

Recently uploaded (20)

Advertisement

HTML Table borders.pptx

  1. 1. HTML Table borders HTML tables can have borders of different styles and shapes.
  2. 2. Define an HTML Table A table in HTML consists of table cells inside rows and columns
  3. 3. How To Add a Border When you add a border to a table, you also add borders around each table cell:
  4. 4. Collapsed Table Borders
  5. 5. Style Table Borders If you set a background color of each cell, and give the border a white color (the same as the document background), you get the impression of an invisible border:
  6. 6. Round Table Borders
  7. 7. Round Table Borders
  8. 8. Dotted Table Borders
  9. 9. Border Color
  10. 10. Activity Put table on your personal website. The headers of your table is your 3 favorite subjects The contents of your table are the reasons why your like that subject Give three reasons on each subjects and every reason should be in different row.

Editor's Notes

  • <!DOCTYPE html>
    <html>
    <body>

    <a href="https://www.w3schools.com">This is a link</a>

    </body>
    </html>
  • <!DOCTYPE html>
    <html>
    <body>

    <a href="https://www.w3schools.com">This is a link</a>

    </body>
    </html>
  • <!DOCTYPE html>
    <html>
    <body>

    <a href="https://www.w3schools.com">This is a link</a>

    </body>
    </html>
  • <!DOCTYPE html>
    <html>
    <body>

    <a href="https://www.w3schools.com">This is a link</a>

    </body>
    </html>
  • <!DOCTYPE html>
    <html>
    <body>

    <a href="https://www.w3schools.com">This is a link</a>

    </body>
    </html>
  • <!DOCTYPE html>
    <html>
    <body>

    <a href="https://www.w3schools.com">This is a link</a>

    </body>
    </html>
  • <!DOCTYPE html>
    <html>
    <body>

    <a href="https://www.w3schools.com">This is a link</a>

    </body>
    </html>
  • <!DOCTYPE html>
    <html>
    <body>

    <a href="https://www.w3schools.com">This is a link</a>

    </body>
    </html>
  • <!DOCTYPE html>
    <html>
    <body>

    <a href="https://www.w3schools.com">This is a link</a>

    </body>
    </html>

×