Some HTML Snippets

  1. Table BackGround Images
  2. Overall Page Margins
  3. Flexible Table
  4. Common HTML Meta Tags
  1. Table Background Images
    Background Images within a table will tile for each cell in Netscape but render correctly in Internet Explorer.
    <table background="http://www.geocities.com/paulrowland2000/Dev/images/anImage.gif">
    to fix this problem in netscape you need a blank transparent image... and do this

    <table background="http://www.geocities.com/paulrowland2000/Dev/images/anImage.gif"> <tr> <td> <table> <tr> <td background="http://www.geocities.com/paulrowland2000/Dev/empty.gif">CELL CONTENTS</td> <td background="http://www.geocities.com/paulrowland2000/Dev/empty.gif">CELL CONTENTS</td> <td background="http://www.geocities.com/paulrowland2000/Dev/empty.gif">CELL CONTENTS</td> </tr> </table> </td> </tr> </table>


  2. Overall Page Margins
    Setting overall page margins use different tags in Netscape and IE.
    Internet Explorer.        <BODY LEFTMARGIN="0" TOPMARGIN="0"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads>
    Netscape Navigator    <BODY MARGINWIDTH="0" MARGINHEIGHT="0"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> Fortunately both browsers ignore the others margin attributes.

  3. Flexible Table
    To get a table with fixed columns either side and a stretchy column in the middle.
    You don't need width on the table tag as its ignored, you need it on the cells. <table> <tr> <td width="60"> <img src="http://www.geocities.com/paulrowland2000/Dev/images/space.gif" height="0" width="60"> </td> <td width=100%> content </td> <td width="60"> <img src="http://www.geocities.com/paulrowland2000/Dev/images/space.gif" height="0" width="60"> </td> </tr> </table> eg.
    left margin main content right margin

    Here's a tip: Both browsers look for column width clues from the top down. This means that if you provide such clues in the first row, you won't need to do so anywhere else in your table. This can save a lot of HTML redundancy and helps reduce your page size. As long as you're careful to not exceed the column widths later in the table, you can completely control the table geometry from the first row.

  4. Common HTML Meta Tags
    META tags have two possible attributes: Set date in past for page to expire immediately, some browsers will respect this directive, although proxies will not. <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> The character set of the document <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> To Refresh current page or jump to another one <META HTTP-EQUIV="Refresh" CONTENT="3;URL=http://www.some.org/some.html"> Tags used by search engines to index a site. <META NAME="description" CONTENT="My Site"> <META NAME="keywords" CONTENT="products, beanie babies, kurt cobain"> to stop a search engine indexing a page (search for information on robots.txt for better way of stopping robots) <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">






Hosted by www.Geocities.ws

1