learning basic HTML skills ..... for dummies. ooops, ...Santa Claus would never consider anyone a dummy !!! |
If you're building your own website (or Myspace), it's always helpful to learn basic HTML skills. The most useful feature is knowing how to link. This will enable you to access other website & places of interest. Linking has been called "the bread-and-butter" of HTML. There's really a simple formula which applies to everything which you've seen throughout the internet. Whether visiting Newspaper Articles, or, viewing lists of interesting material. It's truly vital to learn the basic sequence which allows embedding HTML. And, it goes as follows: |
<a href='http://place the url_here'>then, give a Title-of-Link here</a> once again
<a href='http://URL here'>Title Of Link</a> |
so, begin with the < symbol, and don't forget to use the ' before inserting your URL. And, of course, another ' is used directly afterward. Then, place the > character. Notice how the sequence begins with a < symbol. (aka Less-than). and, it ends with a > (greater-than symbol). Then, you can type words which will become visible to the viewer. Then , finally, finish with </a> <a href='http://url_here.htm'>Title Of Link</a> |
Here's a good example of how it might look: <a href='http://jollyoldsaintnick.net/'>Our website</a> |
But, when it's placed on your webpage, the first URL will NOT be visible. However, clicking the visible words will take you to the hidden URL which you can see above. |
There's one tricky drawback to HTML used on the internet. It's easy for spammers to re-direct you to false links. Now, just for laughs, I changed the words "OUR WEBSITE" to a false claim that you've already won alot of money. But, when you click the icon, you'll return to our homepage instead. So, in other words, you can replace any words into this spot. And, that's precisely what the viewer will see. But please: Don't be naughty . I'm merely showing how others could potentially abuse HTML. You've already Won 50 Million Dollars !@! |
Now, believe it or not, there's actually several different ways to embed codes. Most of the differences are purely cosmetic. So, it's not necessary to demonstrate all. However, here's one alternative method. <div id="tswcsstabs"> <ul> <li><a href="http://thegamelord.com/">TheGameLord</a></li> <li><a href="http://jollyoldsaintnick.net/">Santa</a></li> <li><a href="http://jollyoldsaintnick.net/carols.html">Page 2: Carols</a></li> <li><a href="http:URL HERE">Title Here</a></li> <li><a href="http://jollyoldsaintnick.net/christmascheers.html">HEY</a></li> </ul> </div> |
And, the finished product will look like this : |
notice how you can substitute the Title for a shorter word. This is useful when space is limited. |
Here's a simpler way of remembering the code: (note: it's not always necessary to use "WWW". Many websites use http:// and skip the "www.) |
<div id="tswcsstabs"> <ul> <li><a href="http://www">title</a></li> <li><a href="http://etc.">Title</a></li> <li><a href="http://URL">title</a></li> <li><a href="http://url/">Title</a></li> <li><a href="http://Url/">title</a></li> </ul> </div> |
There are basic functions of HTML Code which apply to everyday usage. For example: The <br> feature simply allows the new sentence to begin on the next line. For example: You can write: Jolly Old Saint Nick <br> Jolly old saint nick <br> Mrs. Claus <br> Mrs. Santa and, the finished product will look like this : Jolly Old Saint Nick Jolly old saint nick Mrs. Claus Mrs. Santa Take caution that some older browsers requite </br> instead of <br> |
Perhaps, the singular most useful tool for Myspace users is the change of paragraph. This is a simple code which uses <p>. (While some older devices require </p> SO, if I'm writing Hello Saint Nick <p> Welcome to the site <P> I can't wait till Xmas <p> Jesus It will look like this: Hello Saint Nick Welcome to the site I can't waint till Xmas Jesus. okay, there it is. Simple, yet very useful |
a final step of learning HTML also hints at it's downside. You might need to add spaces between pictures or animations, in order to prevent them from looking clustered. So, here's the HTML code: &nsb; Yes, you've read that correctly. And, the only response is "YIKES !" SO, this basically means, you must input that dreaded code, just to add a space between codes. Many people make the mistake of forgetting the "&" symbol. Or, leaving out the ";" suffix. SO, just remember: you MUST include all 6 characters: & N B S P ; ( ). and, for heaven's sake, DON'T Mix up the letters, either. (Some people might accidentally spell nsbp;) Now, here's the most tricky part: You must use this entire code for each and every space. For example: in order to move forward 4 spaces, you must repeat the entire code 4 times. |
So, here's how it might look: (I'm So Happy) (Happy) (Not Sad) nbsp; (THE END). It will look like this: (I'm so Happy) (Happy) (Not Sad) (THE END). Also take notice, this feature can be unpredictable. Some websites will create longer spaces than others. While, other websites mistakenly add an "&" symbol to the code. SO, once again: Here's the basic code to perform this feature: |
|
Now, here's the final lesson upon strengthening those HTML skills. It's possible to replace Simple words with eye-catching photographs. Amongst other things, it's more likely to catch the attention of websurfers. |
And, it helps to build superb graphics when creating links. For example: which would you prefer clicking? either: |
Let's try the described method, in order to send viewers directly to the homepage. Later on, you can try using your own code from websites, such as Flickr & Photobucket. |
PHOTO: "Saint Nick's Playing Cards". |
This is the HTML code for Saint Nick's Playing Cards Photograph: |
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCA3W-mdUmymbqtcOhtVnX0n0zEk4XvxYiF5B44L6VEiKJHYPY_-u4AgXs7HkB24cJ376Ad6lMHELvV0LeCFoxqBFWLBZ4GfoayWz_zp8X1T9mKAuWMUziBkcFf_l13m7ZPnSfOqPqWx1Z/s1600-h/100_8705.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCA3W-mdUmymbqtcOhtVnX0n0zEk4XvxYiF5B44L6VEiKJHYPY_-u4AgXs7HkB24cJ376Ad6lMHELvV0LeCFoxqBFWLBZ4GfoayWz_zp8X1T9mKAuWMUziBkcFf_l13m7ZPnSfOqPqWx1Z/s320/100_8705.JPG" /></a> |
Now, watch how I remove the sequence: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCA3W-mdUmymbqtcOhtVnX0n0zEk4XvxYiF5B44L6VEiKJHYPY_-u4AgXs7HkB24cJ376Ad6lMHELvV0LeCFoxqBFWLBZ4GfoayWz_zp8X1T9mKAuWMUziBkcFf_l13m7ZPnSfOqPqWx1Z/s1600-h/100_8705.JPG, ....and replace it with, http://jollyoldsaintnick.net/ |
<a href=" [REMOVE THE FOLLOWING CODE AND REPLACE WITH http:jollyoldsaintnick.net/] (remove) https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCA3W-mdUmymbqtcOhtVnX0n0zEk4XvxYiF5B44L6VEiKJHYPY_-u4AgXs7HkB24cJ376Ad6lMHELvV0LeCFoxqBFWLBZ4GfoayWz_zp8X1T9mKAuWMUziBkcFf_l13m7ZPnSfOqPqWx1Z/s1600-h/100_8705.JPG (remove) [NOW, CONTINUE ON, and complete]" [Now continue on] imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCA3W-mdUmymbqtcOhtVnX0n0zEk4XvxYiF5B44L6VEiKJHYPY_-u4AgXs7HkB24cJ376Ad6lMHELvV0LeCFoxqBFWLBZ4GfoayWz_zp8X1T9mKAuWMUziBkcFf_l13m7ZPnSfOqPqWx1Z/s320/100_8705.JPG" /></a> |
<a href="http://REPLACE THE URL HERE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCA3W-mdUmymbqtcOhtVnX0n0zEk4XvxYiF5B44L6VEiKJHYPY_-u4AgXs7HkB24cJ376Ad6lMHELvV0LeCFoxqBFWLBZ4GfoayWz_zp8X1T9mKAuWMUziBkcFf_l13m7ZPnSfOqPqWx1Z/s320/100_8705.JPG" /></a> |
<a href="http://URL HERE______" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCA3W-mdUmymbqtcOhtVnX0n0zEk4XvxYiF5B44L6VEiKJHYPY_-u4AgXs7HkB24cJ376Ad6lMHELvV0LeCFoxqBFWLBZ4GfoayWz_zp8X1T9mKAuWMUziBkcFf_l13m7ZPnSfOqPqWx1Z/s320/100_8705.JPG" /></a> |
(in our example), The final html code will look like this. |
<a href="http://jollyoldsaintnick.net/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCA3W-mdUmymbqtcOhtVnX0n0zEk4XvxYiF5B44L6VEiKJHYPY_-u4AgXs7HkB24cJ376Ad6lMHELvV0LeCFoxqBFWLBZ4GfoayWz_zp8X1T9mKAuWMUziBkcFf_l13m7ZPnSfOqPqWx1Z/s320/100_8705.JPG" /></a> |
...and here's the finished product. clicking the picture below now sends you to the homepage. So, essentially, the Thumbnail remains, but the Large picture has been replaced with the linking feature. Needless to say, this could be done with any photograph. But please, don't be deceptive when building your website. |
there's one final "confession". The two (jollyoldsaintnick.net) photos above are actually different from one another. Did you notice? They look exactly the same, to a non-observer. This is why folks should be careful when surfing the web. |
|
|
|
-------------------------------------------------------------------------------------------------------------------------------------------
below, Santa's Workshop will show common Special Characters. Along with, the HTML codes used for these symbols. |
A Visible symbol first appears, such as ♣ ♥ ♦
These are written by using ♣ ♥ ♦ |
In order to create Special Characters, (such as ♥♣♦) ...each uses a simple HTML code. They usually begin using the & character on your keyboard. Then, input a sequence of specific characters. (example: hearts ) Usually followed by the ; symbol, afterward. SO, all must be written in sequence. |
FOR EXAMPLE: ♥ will create the ♥ character. |
♣ ♣ (or, try: ♣) | ♥ ♥ (or, input: ♥) |
♦ ♦ (or, try: ♦) | ♠ ♠ (or, try: ♠) |
the "cent" symbol for currency | The "Euro" symbol for currency |
� ¢ (or, try: ¢) | � € (or, try €) |
� £ (or, try: £) | � ¥ (or, try: ¥) |
the "Pound" symbol for British currency | the "YEN" symbol for Japan currency |
Graphic errors are causing the Symbols to read unclearly. They are, as follows: Copyright (top left), Registered (top right) Trademark (bottom), Bull (bottom right) |
� © (or, try: ©) | � ® (or, try: ®) |
� ™ (or, try: ™) | � • (or, try: •) |
A previous page, [How TO Use HTML] demonstrated how to use basic HTML codes, along with a few linking features. There are other methods which can be used, as well. We're all familiar with common appearance of Links. Here's a different method which creates a unique "BOXY" effect. |
|
|
|
|
These Boxed Links create a unique effect. First, notice how they're larger, and more graphic. It provides more than simple linking features. ALSO, notice how the Box changes color when hilighted. Plus, did you realize that the Box technique literally "out-smarts" Firefox. And, the URL is not revealed at the far bottom left. There are a few things worth mentioning. This HTML code is not officially recognized by W3 Schools. Additionally, there's more than one way to input the code. and, either way, it produces the exact same effect. Below, you'll find each code which produces the Boxy appearance. It's quite self-explanatory, if you've already ready the previous instructions. |
FOR INFO.COM THE SEQUENCE GOES AS FOLLOWS: (You could replace the search/info.com/santaclaus with a simpler instruction) <form method="get" action="http://search.info.com/santaclaus"> <input type="submit" value="**Info.com**" /> </form> |
For NEXPLORE, The sequence is obviously similar. Mrs. Claus is simply replacing the URL link & the Title. <form method="get" action="http://www.nexplore.com/" /> <input type="submit" value="Nexplore" /> </form> |
However, it might be confusing to learn that the sequence "GET ACTION" could be replaced by "FORM ACTION". and, the method="GET" could also be replaced with "SEARCH". But, this might get too complicated. |
Also note: These methods could be expended upon, in order to create easier reference within your website. This is strictly for skilled professionals. However, it demonstrates the possibilities. <form method="get" action="http://jollyoldsaintnick.net/" /><input type="text" name="q" /><input type="submit" value="JollyOldSaintNick" /> </form> |
|
Plus, additional code can be added in order to stretch the Text Field. Note: These Two codes (directly above & below) are being used, as a demonstration only. They are not meant to be a reliable source for practical use. <form action="http://www.jollyoldsaintnick.net/" method="get"> <input name="q" size="36" type="text" /> <input type="submit" value="Saint Nicholas" /> </form> |
Note that you cannot magically Index your website with a simple code. It requires detailed work from Professional Designers. They would carefully INDEX each page for easy reference. You cannot go at it, alone. There's also a final piece of discouraging information: Most major Search-Engines deliberately use cryptic letters on their Search Bar. And, it's frequently subject to change, as well. |
-------------------------------------------------------------------------------------------------------------------------------------------
The following are several examples of TABLES for Html code. Rather than giving detailed lessons, I"ve decided to show several examples. Hopefully, it will be self-explanatory. You may drag these lists onto your blog, and try them out. Just repace the http://url here with any website. (example: http://bing.com) and then choose your visible words where it says Title1, Title2, etc. |
<table border> <tr> <td><a href='http://URL here'>Title1</a></td> <td><a href='http://URL here'>Title2</a></td> <td><a href='http://URL here'>Title3</a></td> </tr> <tr> <td><a href='http://URL here'>Title4</a></td> <td><a href='http://URL here'>Title5</a></td> <td><a href='http://URL here'>Title6</a></td> </tr> <tr> <td><a href='http://URL here'>Title7</a></td> <td><a href='http://URL here'>Title8</a></td> <td><a href='http://URL here'>Title9</a></td> </tr> <tr> <td><a href='http://URL here'>Title10</a></td> <td><a href='http://URL here'>Title11</a></td> <td><a href='http://URL here'>Title12</a></td> </tr> </table> |
the finished product looks like this: |
<table border> <tr> <td><a href='http://'>Title1</a></td> <td><a href='http://URL here'>Title2</a></td> <td><a href='http://URL here'>Title3</a></td> </tr> <tr> <td><a href='http://URL here'>Title4</a></td> <td><a href='http://URL here'>Title5</a></td> <td><a href='http://URL here'>Title6</a></td> </tr> <tr> <td><a href='http://'>Title7</a></td> <td><a href='http://URL here'>Title8</a></td> <td><a href='http://URL here'>Title9</a></td> </tr> <tr> <td><a href='http://URL here'>Title10</a></td> <td><a href='http://URL here'>Title11</a></td> <td><a href='http://URL here'>Title12</a></td> </tr> <tr> <td><a href='http://'>Title13</a></td> <td><a href='http://URL here'>Title14</a></td> <td><a href='http://URL here'>Title15</a></td> </tr> <tr> <td><a href='http://URL here'>Title16</a></td> <td><a href='http://URL here'>Title17</a></td> <td><a href='http://URL here'>Title18</a></td> </tr> <tr> <td><a href='http://'>Title19</a></td> <td><a href='http://URL here'>Title20</a></td> <td><a href='http://URL here'>Title21</a></td> </tr> <tr> <td><a href='http://URL here'>Title22</a></td> <td><a href='http://URL here'>Title23</a></td> <td><a href='http://URL here'>Title24</a></td> </tr> </table> |
| So; each time you're asked for the URL
<td><a href='http://URL here'>
[add any URL of your choice] {for example: http://www.bing.com} Usually, you must include the HTTP:// These tables don't usually accept www.bing.com. Then, of course, where it says Title1, choose your visible words. {such as BING, or, BING.com} |
<table border> <tr> <td><a href='http://URL here'>Title1</a></td> <td><a href='http://URL here'>Title2</a></td> </tr> <tr> <td><a href='http://URL here'>Title3</a></td> <td><a href='http://URL here'>Title4</a></td> </tr> <tr> <td><a href='http://URL here'>Title5</a></td> <td><a href='http://URL here'>Title6</a></td> </tr> <tr> <td><a href='http://URL here'>Title7</a></td> <td><a href='http://URL here'>Title8</a></td> </tr> </table> |
<table border> <tr> <td><a href='http://URL here'>Title1</a></td> <td><a href='http://URL here'>Title2</a></td> <td><a href='http://URL here'>Title3</a></td> <td><a href='http://URL here'>Title4</a></td> </tr> <tr> <td><a href='http://URL here'>Title5</a></td> <td><a href='http://URL here'>Title6</a></td> <td><a href='http://URL here'>Title7</a></td> <td><a href='http://URL here'>Title8</a></td> </tr> <tr> <td><a href='http://URL here'>Title9</a></td> <td><a href='http://URL here'>Title10</a></td> <td><a href='http://URL here'>Title11</a></td> <td><a href='http://URL here'>Title12</a></td> </tr> <tr> <td><a href='http://URL here'>Title13</a></td> <td><a href='http://URL here'>Title14</a></td> <td><a href='http://URL here'>Title15</a></td> <td><a href='http://URL here'>Title16</a></td> </tr> </table> |
<table border> <tr> <td><a href='http://URL here'>Title1</a></td> <td><a href='http://URL here'>Title5</a></td> <td><a href='http://URL here'>Title9</a></td> <td><a href='http://URL here'>Title13</a></td> </tr> <tr> <td><a href='http://URL here'>Title2</a></td> <td><a href='http://URL here'>Title6</a></td> <td><a href='http://URL here'>Title10</a></td> <td><a href='http://URL here'>Title14</a></td> </tr> <tr> <td><a href='http://URL here'>Title3</a></td> <td><a href='http://URL here'>Title7</a></td> <td><a href='http://URL here'>Title11</a></td> <td><a href='http://URL here'>Title15</a></td> </tr> <tr> <td><a href='http://URL here'>Title4</a></td> <td><a href='http://URL here'>Title8</a></td> <td><a href='http://URL here'>Title12</a></td> <td><a href='http://URL here'>Title16</a></td> </tr> </table> |
Here's the Numerical Tables |
<div id="tswcsstabs"> <ol> <li><a href="http://www.youtube.com/">LIne 1 (I've chosen Youtube</a></li> <li><a href="http://xxx">line2</a></li> <li><a href="http:///">line3</a></li> <li><a href="http://">line4</a></li> <li><a href="http://">line5</a></li> <li><a href="http://">line6</a></li> <li><a href="http://www.youtube.com/">line7</a></li> <li><a href="http://www.">line8</a></li> <li><a href="http://www.">line9</a></li> <li><a href="http://www.">line10</a></li> <br> <li><a href="http://">LINE11</a></li> <li><a href="http://">Line12</a></li> <li><a href="http://">LINE13</a></li> <li><a href="http://facebook.com/">line14</a></li> <li><a href="http://www.">LINE15</a></li> <li><a href="http://www./">line16</a></li> <li><a href="http://www.youtube.com/user/bnptv">LINE17</a></li> <li><a href="http://www.">line18</a></li> <li><a href="http://">line19</a></li> <li><a href="http://www.youtube.com/">LINE20</a></li> <br> </ul> </div> |
This is how the finished product will look. Notice: The numbers listed are added automatically. If you decided to triple the size, the numbers would also appear. That's a huge advantage. But, take note: not all blogs translate this code identically. If you use the exact same HTML, it will still look quite different, depending upon where. On one blog, it might be listed neatly in the corner (such as the appearance here on this website), But, on another blog, it will be automatically centered. While other locations will divide wider open spaces. ......So, just be aware of this. |
|
|
spaces:
Sometimes; You might need 5 or 6 spaces.
Or 8 spaces...
|
You may also place spaces or breaks between Tables.
This is helpful when compiling different lists;
and, using them together. |
<table border>
<tr>
<td><a href='http://URL here'>Title1</a></td>
<td><a href='http://URL here'>Title2</a></td>
<td><a href='http://URL here'>Title3</a></td>
<td><a href='http://URL here'>Title4</a></td>
<td><a href='http://URL here'>Title5</a></td>
</tr>
</table>
</br>
<table border>
<tr>
<td><a href='http://URL here'>Title1</a></td>
<td><a href='http://URL here'>Title2</a></td>
<td><a href='http://URL here'>Title3</a></td>
<td><a href='http://URL here'>Title4</a></td>
<td><a href='http://URL here'>Title5</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title6</a></td>
<td><a href='http://URL here'>Title7</a></td>
<td><a href='http://URL here'>Title8</a></td>
<td><a href='http://URL here'>Title9</a></td>
<td><a href='http://URL here'>Title10</a></td>
</tr>
</table>
</br>
<table border>
<tr>
<td><a href='http://URL here'>Title1</a></td>
<td><a href='http://URL here'>Title2</a></td>
<td><a href='http://URL here'>Title3</a></td>
<td><a href='http://URL here'>Title4</a></td>
<td><a href='http://URL here'>Title5</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title6</a></td>
<td><a href='http://URL here'>Title7</a></td>
<td><a href='http://URL here'>Title8</a></td>
<td><a href='http://URL here'>Title9</a></td>
<td><a href='http://URL here'>Title10</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title11</a></td>
<td><a href='http://URL here'>Title12</a></td>
<td><a href='http://URL here'>Title13</a></td>
<td><a href='http://URL here'>Title14</a></td>
<td><a href='http://URL here'>Title15</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title16</a></td>
<td><a href='http://URL here'>Title17</a></td>
<td><a href='http://URL here'>Title18</a></td>
<td><a href='http://URL here'>Title19</a></td>
<td><a href='http://URL here'>Title20</a></td>
</tr>
</table>
</br>
<table border>
<tr>
<td><a href='http://URL here'>Title1</a></td>
<td><a href='http://URL here'>Title2</a></td>
<td><a href='http://URL here'>Title3</a></td>
<td><a href='http://URL here'>Title4</a></td>
<td><a href='http://URL here'>Title5</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title6</a></td>
<td><a href='http://URL here'>Title7</a></td>
<td><a href='http://URL here'>Title8</a></td>
<td><a href='http://URL here'>Title9</a></td>
<td><a href='http://URL here'>Title10</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title11</a></td>
<td><a href='http://URL here'>Title12</a></td>
<td><a href='http://URL here'>Title13</a></td>
<td><a href='http://URL here'>Title14</a></td>
<td><a href='http://URL here'>Title15</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title16</a></td>
<td><a href='http://URL here'>Title17</a></td>
<td><a href='http://URL here'>Title18</a></td>
<td><a href='http://URL here'>Title19</a></td>
<td><a href='http://URL here'>Title20</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title21</a></td>
<td><a href='http://URL here'>Title22</a></td>
<td><a href='http://URL here'>Title23</a></td>
<td><a href='http://URL here'>Title24</a></td>
<td><a href='http://URL here'>Title25</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title26</a></td>
<td><a href='http://URL here'>Title27</a></td>
<td><a href='http://URL here'>Title28</a></td>
<td><a href='http://URL here'>Title29</a></td>
<td><a href='http://URL here'>Title30</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title31</a></td>
<td><a href='http://URL here'>Title32</a></td>
<td><a href='http://URL here'>Title33</a></td>
<td><a href='http://URL here'>Title34</a></td>
<td><a href='http://URL here'>Title35</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title36</a></td>
<td><a href='http://URL here'>Title37</a></td>
<td><a href='http://URL here'>Title38</a></td>
<td><a href='http://URL here'>Title39</a></td>
<td><a href='http://URL here'>Title40</a></td>
</tr>
</table>
|
| the above code looks like this.
I'm choosing a different number of tables.
This can easily be changed to suit your interests.
You could create symetrical rows.
Two Rows
Two Rows
Two Rows
-------------
or, in this case;
I've chosen
One Row
Two Rows
Four Rows
Eight Rows |
<table border>
<tr>
<td><a href='http://URL here'>Title1</a></td>
<td><a href='http://URL here'>Title2</a></td>
<td><a href='http://URL here'>Title3</a></td>
<td><a href='http://URL here'>Title4</a></td>
<td><a href='http://URL here'>Title5</a></td>
</tr>
</table>
</br>
</br>
<table border>
<tr>
<td><a href='http://URL here'>Title1</a></td>
<td><a href='http://URL here'>Title2</a></td>
<td><a href='http://URL here'>Title3</a></td>
<td><a href='http://URL here'>Title4</a></td>
<td><a href='http://URL here'>Title5</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title6</a></td>
<td><a href='http://URL here'>Title7</a></td>
<td><a href='http://URL here'>Title8</a></td>
<td><a href='http://URL here'>Title9</a></td>
<td><a href='http://URL here'>Title10</a></td>
</tr>
</table>
</br>
</br>
<table border>
<tr>
<td><a href='http://URL here'>Title1</a></td>
<td><a href='http://URL here'>Title2</a></td>
<td><a href='http://URL here'>Title3</a></td>
<td><a href='http://URL here'>Title4</a></td>
<td><a href='http://URL here'>Title5</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title6</a></td>
<td><a href='http://URL here'>Title7</a></td>
<td><a href='http://URL here'>Title8</a></td>
<td><a href='http://URL here'>Title9</a></td>
<td><a href='http://URL here'>Title10</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title11</a></td>
<td><a href='http://URL here'>Title12</a></td>
<td><a href='http://URL here'>Title13</a></td>
<td><a href='http://URL here'>Title14</a></td>
<td><a href='http://URL here'>Title15</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title16</a></td>
<td><a href='http://URL here'>Title17</a></td>
<td><a href='http://URL here'>Title18</a></td>
<td><a href='http://URL here'>Title19</a></td>
<td><a href='http://URL here'>Title20</a></td>
</tr>
</table>
</br>
</br>
<table border>
<tr>
<td><a href='http://URL here'>Title1</a></td>
<td><a href='http://URL here'>Title2</a></td>
<td><a href='http://URL here'>Title3</a></td>
<td><a href='http://URL here'>Title4</a></td>
<td><a href='http://URL here'>Title5</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title6</a></td>
<td><a href='http://URL here'>Title7</a></td>
<td><a href='http://URL here'>Title8</a></td>
<td><a href='http://URL here'>Title9</a></td>
<td><a href='http://URL here'>Title10</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title11</a></td>
<td><a href='http://URL here'>Title12</a></td>
<td><a href='http://URL here'>Title13</a></td>
<td><a href='http://URL here'>Title14</a></td>
<td><a href='http://URL here'>Title15</a></td>
</tr>
<tr>
<td><a href='http://URL here'>Title16</a></td>
<td><a href='http://URL here'>Title17</a></td>
<td><a href='http://URL here'>Title18</a></td>
<td><a href='http://URL here'>Title19</a></td>
<td><a href='http://URL here'>Title20</a></td>
</tr>
</table>
| This is similar.
But here,
I'm using
-----------
One Row
Two Rows
Four Rows
Four Rows
Plus,
I've added an extra
space
between Tables. |
| same effect.
You might dislike the extra break being used.
So, a single <br/> might be desired. |
let's look at that, again. The </br> lines are more easily defined here: |
<table border> <tr> <td><a href='http://URL here'>Title1</a></td> <td><a href='http://URL here'>Title2</a></td> <td><a href='http://URL here'>Title3</a></td> <td><a href='http://URL here'>Title4</a></td> <td><a href='http://URL here'>Title5</a></td> </tr> </table> </br> </br> <table border> <tr> <td><a href='http://URL here'>Title1</a></td> <td><a href='http://URL here'>Title2</a></td> <td><a href='http://URL here'>Title3</a></td> <td><a href='http://URL here'>Title4</a></td> <td><a href='http://URL here'>Title5</a></td> </tr> <tr> <td><a href='http://URL here'>Title6</a></td> <td><a href='http://URL here'>Title7</a></td> <td><a href='http://URL here'>Title8</a></td> <td><a href='http://URL here'>Title9</a></td> <td><a href='http://URL here'>Title10</a></td> </tr> </table> </br> </br> <table border> <tr> <td><a href='http://URL here'>Title1</a></td> <td><a href='http://URL here'>Title2</a></td> <td><a href='http://URL here'>Title3</a></td> <td><a href='http://URL here'>Title4</a></td> <td><a href='http://URL here'>Title5</a></td> </tr> <tr> <td><a href='http://URL here'>Title6</a></td> <td><a href='http://URL here'>Title7</a></td> <td><a href='http://URL here'>Title8</a></td> <td><a href='http://URL here'>Title9</a></td> <td><a href='http://URL here'>Title10</a></td> </tr> <tr> <td><a href='http://URL here'>Title11</a></td> <td><a href='http://URL here'>Title12</a></td> <td><a href='http://URL here'>Title13</a></td> <td><a href='http://URL here'>Title14</a></td> <td><a href='http://URL here'>Title15</a></td> </tr> <tr> <td><a href='http://URL here'>Title16</a></td> <td><a href='http://URL here'>Title17</a></td> <td><a href='http://URL here'>Title18</a></td> <td><a href='http://URL here'>Title19</a></td> <td><a href='http://URL here'>Title20</a></td> </tr> </table> </br> </br> <table border> <tr> <td><a href='http://URL here'>Title1</a></td> <td><a href='http://URL here'>Title2</a></td> <td><a href='http://URL here'>Title3</a></td> <td><a href='http://URL here'>Title4</a></td> <td><a href='http://URL here'>Title5</a></td> </tr> <tr> <td><a href='http://URL here'>Title6</a></td> <td><a href='http://URL here'>Title7</a></td> <td><a href='http://URL here'>Title8</a></td> <td><a href='http://URL here'>Title9</a></td> <td><a href='http://URL here'>Title10</a></td> </tr> <tr> <td><a href='http://URL here'>Title11</a></td> <td><a href='http://URL here'>Title12</a></td> <td><a href='http://URL here'>Title13</a></td> <td><a href='http://URL here'>Title14</a></td> <td><a href='http://URL here'>Title15</a></td> </tr> <tr> <td><a href='http://URL here'>Title16</a></td> <td><a href='http://URL here'>Title17</a></td> <td><a href='http://URL here'>Title18</a></td> <td><a href='http://URL here'>Title19</a></td> <td><a href='http://URL here'>Title20</a></td> </tr> </table> |
| This is redundant.
But, I want you to know exactly what the finished product looks like.
(finished product:
Table to the left of screen)
|
I would recommend addind a simple prior to and after choosing a Title. This will add to the overall attractiveness.
So, the following Table represents the best sequence: |
<table border>
<tr>
<td><a href='http://URL here'> Title1 </a></td>
<td><a href='http://URL here'> Title2 </a></td>
<td><a href='http://URL here'> Title3 </a></td>
<td><a href='http://URL here'> Title4 </a></td>
<td><a href='http://URL here'> Title5 </a></td>
<td><a href='http://URL here'> Title6 </a></td>
<td><a href='http://URL here'> Title7 </a></td>
</tr>
<tr>
<td><a href='http://URL here'> Title8 </a></td>
<td><a href='http://URL here'> Title9 </a></td>
<td><a href='http://URL here'> Title10 </a></td>
<td><a href='http://URL here'> Title11 </a></td>
<td><a href='http://URL here'> Title12 </a></td>
<td><a href='http://URL here'> Title13 </a></td>
<td><a href='http://URL here'> Title14 </a></td>
</tr>
<tr>
<td><a href='http://URL here'> Title15 </a></td>
<td><a href='http://URL here'> Title16 </a></td>
<td><a href='http://URL here'> Title17 </a></td>
<td><a href='http://URL here'> Title18 </a></td>
<td><a href='http://URL here'> Title19 </a></td>
<td><a href='http://URL here'> Title20 </a></td>
<td><a href='http://URL here'> Title21 </a></td>
</tr>
<tr>
<td><a href='http://URL here'> Title22 </a></td>
<td><a href='http://URL here'> Title23 </a></td>
<td><a href='http://URL here'> Title24 </a></td>
<td><a href='http://URL here'> Title25 </a></td>
<td><a href='http://URL here'> Title26 </a></td>
<td><a href='http://URL here'> Title27 </a></td>
<td><a href='http://URL here'> Title28 </a></td>
</tr>
<tr>
<td><a href='http://URL here'> Title29 </a></td>
<td><a href='http://URL here'> Title30 </a></td>
<td><a href='http://URL here'> Title31 </a></td>
<td><a href='http://URL here'> Title32 </a></td>
<td><a href='http://URL here'> Title33 </a></td>
<td><a href='http://URL here'> Title34 </a></td>
<td><a href='http://URL here'> Title35 </a></td>
</tr>
<tr>
<td><a href='http://URL here'> Title36 </a></td>
<td><a href='http://URL here'> Title37 </a></td>
<td><a href='http://URL here'> Title38 </a></td>
<td><a href='http://URL here'> Title39 </a></td>
<td><a href='http://URL here'> Title40 </a></td>
<td><a href='http://URL here'> Title41 </a></td>
<td><a href='http://URL here'> Title42 </a></td>
</tr>
</table>
|
This Next Method will appear on the following page (along with a detailed explanation).
However, I'm including a duplicate below for your convenience: |
A New Tables Method Here.
|
<br />
<br />
<br />
A New Tables Method here.<br />
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://#"></a> # </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr><td><a href="http://A"></a> A </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://futurelink/"></a><br /></td>
</tr>
<tr>
<td><a href=""></a><br /></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.blogger.com/futurelink"></a><br /></td>
</tr>
<tr>
</tr>
<tr><td><a href=""></a><br /></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://B"></a> B </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://C"></a> C </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://D"></a> D </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://E"></a> E </td>
<td><a href="http://"> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://F"></a> F </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://G"></a> G </td>
<td><a href="http://I"></a> I </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://J"></a> J </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://K"></a> K </td>
<td><a href="http://www."> </a></td>
</tr>
</tbody></table>
<table border="1">
<tbody>
<tr>
<td><a href="http://L"></a> L </td>
<td><a href="http://www."> </a></td>
</tr>
<tr><td><a href="http://www.futurelink/"></a></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://M"></a> M </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://N"></a> N </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
<tr>
<td><a href=""></a><br /></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="https://www."> </a></td>
<td><a href="https://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://O"></a> O </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://p"></a> P </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://R"></a> R </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://S"></a> S </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://T"></a> T </td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://V"></a> V </td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://W"></a> W </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www."> </a></td>
<td><a href="http://www./"></a><br /></td>
</tr>
<tr>
<td><a href="http://W"></a><br /></td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href=""></a><br /></td>
</tr>
<tr>
<td><a href="X"> X </a><br /></td>
<td><a href="http://www."></a></td>
<td><a href="http://future%20link/"></a><br /></td>
<td><a href="http://future%20link/"></a><br /></td>
<td><a href="http://future%20link/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://Y"></a> Y </td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://"> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
<table border="1">
<tbody>
<tr>
<td><a href="http://Z"></a> Z </td>
<td><a href="http://www."> </a></td>
<td><a href="http://www.futurelink/"></a><br /></td>
</tr>
</tbody></table>
<br />
|
-------------------------------------------------------------------------------------------------------------------------------------------
<table border>
<tr>
<td><a href='http://URL here'></a>1</td>
<td><a href='http://'>title1</a></td>
<td><a href=''></a> </td>
<td><a href='http://URL here'></a>5</td>
<td><a href='http://URL here'>Title5</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>2</td>
<td><a href='http://URL here'>Title2</a></td>
<td><a href=''></a></td>
<td><a href='http://URL here'></a>6</td>
<td><a href='http://URL here'>Title6</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>3</td>
<td><a href='http://URL here'>Title3</a></td>
<td><a href=''></a></td>
<td><a href='http://URL here'></a>7</td>
<td><a href='http://URL here'>Title7</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>4</td>
<td><a href='http://URL here'>Title4</a></td>
<td><a href=''></a></td>
<td><a href='http://URL here'></a>8</td>
<td><a href='http://URL here'>Title8</a></td>
</tr>
</table>
<br>
<table border>
<tr>
<td><a href='http://URL here'></a>9</td>
<td><a href='http://URL here'>Title9</a></td>
<td><a href=''></a> </td>
<td><a href='http://URL here'></a>13</td>
<td><a href='http://URL here'>Title13</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>10</td>
<td><a href='http://URL here'>Title10</a></td>
<td><a href=''></a></td>
<td><a href='http://URL here'></a>14</td>
<td><a href='http://URL here'>Title14</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>11</td>
<td><a href='http://URL here'>Title11</a></td>
<td><a href=''></a></td>
<td><a href='http://URL here'></a>15</td>
<td><a href='http://URL here'>Title15</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>12</td>
<td><a href='http://URL here'>Title12</a></td>
<td><a href=''></a></td>
<td><a href='http://URL here'></a>16</td>
<td><a href='http://URL here'>Title16</a></td>
</tr>
</table>
<br>
<table border>
<tr>
<td><a href='http://URL here'></a>17</td>
<td><a href='http://URL here'>Title17</a></td>
<td><a href=''></a> </td>
<td><a href='http://URL here'></a>21</td>
<td><a href='http://URL here'>Title21</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>18</td>
<td><a href='http://URL here'>Title18</a></td>
<td><a href=''></a></td>
<td><a href='http://URL here'></a>22</td>
<td><a href='http://URL here'>Title22</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>19</td>
<td><a href='http://URL here'>Title19</a></td>
<td><a href=''></a></td>
<td><a href='http://URL here'></a>23</td>
<td><a href='http://URL here'>Title23</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>20</td>
<td><a href='http://URL here'>Title20</a></td>
<td><a href=''></a></td>
<td><a href='http://URL here'></a>24</td>
<td><a href='http://URL here'>Title24</a></td>
</tr>
</table>
<br>
|
<table border>
<tr>
<td><a href='http://URL here'></a>1</td>
<td><a href='http://URL here'>title1</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>2</td>
<td><a href='http://URL here'>Title2</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>3</td>
<td><a href='http://URL here'>Title3</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>4</td>
<td><a href='http://URL here'>Title4</a></td>
</tr>
</table>
<br>
<table border>
<tr>
<td><a href='http://URL here'></a>5</td>
<td><a href='http://URL here'>Title5</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>6</td>
<td><a href='http://URL here'>Title6</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>7</td>
<td><a href='http://URL here'>Title7</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>8</td>
<td><a href='http://URL here'>Title8</a></td>
</tr>
</table>
<br>
<table border>
<tr>
<td><a href='http://URL here'></a>9</td>
<td><a href='http://URL here'>Title9</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>10</td>
<td><a href='http://URL here'>Title10</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>11</td>
<td><a href='http://URL here'>Title11</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>12</td>
<td><a href='http://URL here'>Title12</a></td>
</tr>
</table>
<br>
<table border>
<tr>
<td><a href='http://URL here'></a>13</td>
<td><a href='http://URL here'>Title13</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>14</td>
<td><a href='http://URL here'>Title14</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>15</td>
<td><a href='http://URL here'>Title15</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>16</td>
<td><a href='http://URL here'>Title16</a></td>
</tr>
</table>
<br>
<table border>
<tr>
<td><a href='http://URL here'></a>17</td>
<td><a href='http://URL here'>Title17</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>18</td>
<td><a href='http://URL here'>Title18</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>19</td>
<td><a href='http://URL here'>Title19</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>20</td>
<td><a href='http://URL here'>Title20</a></td>
</tr>
</table>
<br>
<table border>
<tr>
<td><a href='http://URL here'></a>21</td>
<td><a href='http://URL here'>Title21</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>22</td>
<td><a href='http://URL here'>Title22</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>23</td>
<td><a href='http://URL here'>Title23</a></td>
</tr>
<tr>
<td><a href='http://URL here'></a>24</td>
<td><a href='http://URL here'>Title24</a></td>
</tr>
</table>
|
A New Tables Method Here.
|
-------------------------------------------------------------------------------------------------------------------------------------------
<div>
<div></div>
<div> </div>
<div></div>
<div></div>
<div><a></a> # </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> A </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> B </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> C </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div> </div>
<div><a></a> D </div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> E </div>
<div><a href="http://www.futureURL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> F </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> G </div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<br>
<div><a></a> H </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> I </div>
<div><a href="http://www.futureURL"> </a></div>
<div><a href="http://www.place-URL-here"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> J </div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> K </div>
<div><a href="http://www.future-URL"> </a></div>
<div><a href="http://www.future-URL"> </a></div>
<div><a href="http://www.future-URL"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a href="http://"></a> L </div>
<div><a href="http://www.URL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> M </div>
<div><a href="http://www.futurelink/"> </a></div>
<div><a href="http://www.futureURL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> N </div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> O </div>
<div><a href="http://www.futureURL"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> P </div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> Q </div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> R </div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div> </div>
<br>
<div><a href=""></a> S </div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> T </div>
<div><a href="http://www.future"> </a></div>
<div><a href="http://www.future"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> U </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> V </div>
<div><a href="http://future-URL"> </a></div>
<div><a href="http://future"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> W </div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://www.future"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> X </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> Y </div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www."> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> Z </div>
<div><a href="http://futurelink"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
|
<div>
<div></div>
<div> </div>
<div></div>
<div></div>
<div><a></a> # </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> A </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> B </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> C </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div> </div>
<div><a></a> D </div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> E </div>
<div><a href="http://www.futureURL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> F </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> G </div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<br>
<div><a></a> H </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> I </div>
<div><a href="http://www.futureURL"> </a></div>
<div><a href="http://www.place-URL-here"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> J </div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> K </div>
<div><a href="http://www.future-URL"> </a></div>
<div><a href="http://www.future-URL"> </a></div>
<div><a href="http://www.future-URL"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a href="http://"></a> L </div>
<div><a href="http://www.URL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> M </div>
<div><a href="http://www.futurelink/"> </a></div>
<div><a href="http://www.futureURL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> N </div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> O </div>
<div><a href="http://www.futureURL"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> P </div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> Q </div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> R </div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div> </div>
<br>
<div><a href=""></a> S </div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> T </div>
<div><a href="http://www.future"> </a></div>
<div><a href="http://www.future"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> U </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> V </div>
<div><a href="http://future-URL"> </a></div>
<div><a href="http://future"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> W </div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://www.future"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> X </div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> Y </div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www.future URL"> </a></div>
<div><a href="http://www."> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<br>
<div><a></a> Z </div>
<div><a href="http://futurelink"> </a></div>
<div><a href="http://futurelink/"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div><a href="http://future link/"> </a></div>
<div><a href="http://www.future link"> </a></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
|
----------------------------------------
COLORS, Rss Feeds, and Background |
You've probably wanted to learn how to link, using RSS feeds. Unfortunately, it's not simple, or straight-forward. And, it requires more effort than simply giving URL information. ♣Worse yet♣ , RSS codes vary amongst differing websites. Thus, there's no standard formulae. And, one basic code cannot be used universally. There's more grim news: many websites only allow RSS feeds to their home page. In other words: They don't allow you direct access to all areas. For example: If you wanted to Feed to a specific Youtube Channel, or Yahoo Group, the feed would generally be unsuccessful. Plus, aside from all else, feeds sometimes display graphic-errors. For example: MRS. CLAUS placed an RSS feed on the bottom of this page, and it caused undesired effects. Thus, the feed was removed, in order to prevent further problems. So perhaps, ordinary linking features can be used, when RSS fails . |
Okay, here's an actual RSS feed to a gaming blog (on Blogger): http://gamingcodes.blogspot.com/feeds/posts/default?alt=rss So, the basic code for a BLOGGER Rss feed is: http://Title Here.blogspot.com/feeds/posts/default?alt-rss WOW, that's alot more complicated than anyone would have guessed. Mrs Claus would have assumed, perhaps a RSS feed merely requires a direct URL, such as [ http://gamingcodes.blogspot.com/rss ] HOWEVER, this simplified code would NOT work. Even worse, the RSS code varies from site to site. Thus, the feed necessary for Blogger will not work on YOUTUBE's feed. I just wanted to give a quick heads-up, regarding this issue. So, at least, you're now aware that RSS feeds require an exact code. |
It's relatively simple to create a background for most independent websites. In contrast, Social Networking websites might require additional effort. Instead of giving a detailed lesson, it's quicker to give a brief example. SO, in case you're curious; Here's the HTML code for the background (clouds) currently being used for this web-page: |
<body background="http://farm5.static.flickr.com/4134/4900808646_5acd7d4048_m.jpg"> |
You'll notice precisely where the photograph originates. It comes from the Popular website, Flickr.com. The photograph can obviously be replaced, by choosing a different URL Path. <body background="http://choose any URL as your photograph"> It's also worth mentioning, MRS. Claus has no idea why the "farm5.static.flickr.com URL works, while the ordinary URL to this same photo does not work correctly. It required a little "trial and error", rather than knowledge. <body background="http://farm5.static.flickr.com/4134/4900808646_5acd7d4048_m.jpg"> ♥ Now, of course, there are additional tricks which could be applied, as well. This next HTML Code has additional options, such as choosing Width, and height. But, hopefully, you've gotten a basic idea of how Mrs. Claus applies her backgrounds. |
So, the URL link can be changed to another JPG image, as well as, other varying formats; such as .png or .gif. The JPEGs are the simplest. And require the least disk space. While .GIFs sometimes have the ability to create motions, such as falling snowflakes or animated characters. and, PNG.s can create transparency effects, and what-have-you. Finally, the code can be simplified, with little noticeable affects. Or, it could written in a more complex manner. For example: notice how these 2 codes are written. ......Yet, both produce the exact same affects. |
<body background="http://farm5.static.flickr.com/4118/4909873680_3d3ba011aa.jpg" width="500" height="500" alt="background38"> |
<body background="http://farm5.static.flickr.com/4118/4909873680_3d3ba011aa.jpg"> |
In the previous code, the [width="500" and height="500"] dimensions were removed. But the background still looks basically The same. Also, some people choose to simplify their code even further. If they're taking a photograph directly from the same website where the background derives, they simply input the direct folder location. For example: The finished HTML would look something like this: But, the exact location might be incorrect. So, this method might not work. The exact location might be "Folders/photos/rainbow.jpg" Or, "FilesAndFolders/rainbow.jpg" or, "netshellhost064007/@host.com/photos/rainbow.jpg" So, as you can see, the most direct approach might NOT work correctly, unless you're 100% sure of the path. |
Mrs. Claus uses this code, and she places it near the bottom. <body background="http://link here.jpg"> However, many sites require an Editor. and, they recommend placing the code near the top, just after the <style type="text/css"> ledger. It depends on whether or not you have a simple website editing software. |
So, an example might looks something like this: <head> <title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body bgcolor="#ffffff"> BODY content, content, content A Lot of content, Several lines of content. </a></b></div> <!-- End ImageReady Slices --> Bottom of page. |
In this case, the background being used is very simple: and, it's located somewhat near the top, immediately after the header. DOCTYPE html Public <Meta Tags> <head> <body bgcolor="ffffff"> this combination of letters represents a basic White background. In other words: #ffffff = the color White. |
notice how the <meta tags> are also placed near the top. They contain Key words, that looks something like this: <title>The Game Lord</title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="Description" content="keywords, Christmas, Jesus, Santa Claus, ho ho, Snow, " /> <meta name="Keywords" content="Welcome to the best Christmas site in town. Straight from The North Pole. Search words Christmas, Jesus of Nazareth, Christ is King, North Pole, Santa Claus " /> </head> |
here are a few examples of HTML for various backgrounds which can be used on Blogger. They were originally designed by WEBFETTI.com, for use on Myspace. However, once Myspace 2.0 was released, the code became obsolete. You'll notice that's it's a somewhat complex process creating compatible HTML code for Social-Networking sites. |
please note: the new format from the web provider has made it more difficult to read the HTML sequences. I apologize for the inconvenience. However, these lessons were designed to familiarize learners for creating your own HTML. |
the following material might be obsolete, due to the different format of the web host. |
Clouds |
<div style="margin-bottom: 0in;"> <style> /* Webfetti Layout Begins Here */h1, h2, h3, h4, h5 {margin:0px;}#content {width:740px;margin:0px;text-align:left;}#main {width:485px;float:left;margin:0px;}#main2 {float:left;width:100%;padding:0px;}#sidebar {width:240px;float:right;margin:0px;}body {text-align:center;background-color:transparent;background-image:url(http://ak.webfetti.com/assets/layouts/g/excite_129.jpg);background-repeat:repeat;background-attachment:scroll;background-position:left top;}body, p, .post-body {}a:link, a:active, a:visited, a.username_dark:link, a.username_dark:active, a.username_dark:visited, a.link_blue:link, a.link_blue:active, a.link_blue:visited, a.link_profile_left:link, a.link_profile_left:active, a.link_profile_left:visited, a.link_profile_left_small:link, a.link_profile_left_small:active, a.link_profile_left_small:visited, a.link_white:link, a.link_white:active, a.link_white:visited {}a:hover, a.username_dark:hover, a.link_blue:hover, a.link_profile_left:hover, a.link_profile_left_small:hover, a.link_white:hover {}.post {margin-bottom:20px;padding:10px;}.date-header, .sidebar-title {}#blog-title {padding-left:10px;padding-top:5px;}strong, b {}.post-title {}.date-header, .comment-timestamp {}#blog-title {background-repeat:no-repeat;background-attachment:scroll;background-position:left top;height:115px;width:768px;}a:link img {}a:hover img {}/* Webfetti Layout Ends Here */ </style><style type="text/css"> .button_sizeL {border-style:none;border-width:0;height:0px;width:0px;}.wfbuttonL {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:71px;text-align:left;width:0px;position:absolute;top:0px;left:0px;z-index:10000;}.wfbuttonL a:link,.wfbuttonL a:visited {display:block;background-color:transparent;}.wfbuttonL a:hover,.wfbuttonL a:active {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:71px;width:120px;} </style></div> <div class="wfbuttonL"> <a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb149_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052106&utm_medium=wf_blogger"><img class="button_sizeL" name="click_here" src="http://t.webfetti.com/images/nocache/tr/wf/test/rdb/04/la/bl/backgrounds_1052106.gif" /></a></div> <style type="text/css"> .button_size {border-style:none;border-width:0;height:45px;width:106px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:45px;text-align:left;width:106px;position:absolute;top:30px;right:10px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:45px;width:106px;} </style> <div class="wfbutton"> <a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb129_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052106&utm_medium=wf_blogger"><img class="button_size" name="click_here" src="http://ak.webfetti.com/spacer.gif" /></a></div> |
Clouds II (thicker) |
<style>/* Webfetti Layout Begins Here */h1, h2, h3, h4, h5 {margin:0px;}#banner {margin-top:20px;}.entry-body {padding:10px;}#alpha {width:500px;float:left;margin-right:15px;}#beta {width:200px;float:left;}body {background-color:transparent;background-image:url(http://ak.webfetti.com/assets/layouts/g/excite_343.jpg);background-repeat:repeat;background-attachment:scroll;background-position:left top;}table, td, tr, tbody {background-color:transparent;background-image:none;}body, p, .text, .text_journal_entry_body, .text_comment_body, .box_profile_info_large_content, .box_profile_info_small_content, #connection {}a:link, a:active, a:visited, a.username_dark:link, a.username_dark:active, a.username_dark:visited, a.link_blue:link, a.link_blue:active, a.link_blue:visited, a.link_profile_left:link, a.link_profile_left:active, a.link_profile_left:visited, a.link_profile_left_small:link, a.link_profile_left_small:active, a.link_profile_left_small:visited, a.link_white:link, a.link_white:active, a.link_white:visited {}a:hover, a.username_dark:hover, a.link_blue:hover, a.link_profile_left:hover, a.link_profile_left_small:hover, a.link_white:hover {}.beta-inner, .entry, div.module-calendar module, div.module-categories module, div.module-pagesummary module, div.module-syndicate module, div.module-powered module {}.module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header, .date-header {}#banner-header {padding-left:10px;padding-top:5px;}strong, b {}.entry-header {padding:10px;}.entry-footer{}#banner-header {background-repeat:no-repeat;background-attachment:scroll;background-position:left top;height:115px;width:768px;}a:link img {}a:hover img {}/* Webfetti Layout Ends Here */</style><style type="text/css">.button_sizeL {border-style:none;border-width:0;height0px;width:0px;}.wfbuttonL {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:71px;text-align:left;width:0px;position:absolute;top:0px;left:10px;z-index:10000;}.wfbuttonL a:link,.wfbuttonL a:visited {display:block;background-color:transparent;}.wfbuttonL a:hover,.wfbuttonL a:active {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:71px;width:120px;}</style><div class="wfbuttonL"> <a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb151_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052319&utm_medium=wf_livejournal"><img src="http://t.webfetti.com/images/nocache/tr/wf/test/rdb/04/la/lj/backgrounds_1052319.gif" name="click_here" class="button_sizeL" /></a></div> <style type="text/css">.button_size {border-style:none;border-width:0;height:0px;width:0px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;text-align:left;width:0px;position:absolute;top:0px;right:10px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;width:0px;}</style><div class="wfbutton"> <a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb131_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052319&utm_medium=wf_livejournal"><img src="http://ak.webfetti.com/spacer.gif" name="click_here" class="button_size" /></a></div> |
Stars & Purple Skyline |
<style>/* Webfetti Layout Begins Here */h1, h2, h3, h4, h5 {margin:0px;}#banner {margin-top:20px;}.entry-body {padding:10px;}#alpha {width:500px;float:left;margin-right:15px;}#beta {width:200px;float:left;}body {background-color:transparent;background-image:url(http://ak.webfetti.com/assets/layouts/g/008_bkgd.gif);background-repeat:repeat;background-attachment:scroll;background-position:left top;}table, td, tr, tbody {background-color:transparent;background-image:none;}body, p, .text, .text_journal_entry_body, .text_comment_body, .box_profile_info_large_content, .box_profile_info_small_content, #connection {}a:link, a:active, a:visited, a.username_dark:link, a.username_dark:active, a.username_dark:visited, a.link_blue:link, a.link_blue:active, a.link_blue:visited, a.link_profile_left:link, a.link_profile_left:active, a.link_profile_left:visited, a.link_profile_left_small:link, a.link_profile_left_small:active, a.link_profile_left_small:visited, a.link_white:link, a.link_white:active, a.link_white:visited {}a:hover, a.username_dark:hover, a.link_blue:hover, a.link_profile_left:hover, a.link_profile_left_small:hover, a.link_white:hover {}.beta-inner, .entry, div.module-calendar module, div.module-categories module, div.module-pagesummary module, div.module-syndicate module, div.module-powered module {}.module-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header, .date-header {}#banner-header {padding-left:10px;padding-top:5px;}strong, b {}.entry-header {padding:10px;}.entry-footer{}#banner-header {background-repeat:no-repeat;background-attachment:scroll;background-position:left top;height:115px;width:768px;}a:link img {}a:hover img {}/* Webfetti Layout Ends Here */</style><style type="text/css">.button_sizeL {border-style:none;border-width:0;height:71px;width:0px;}.wfbuttonL {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:0px;text-align:left;width:0px;position:absolute;top:0px;left:10px;z-index:10000;}.wfbuttonL a:link,.wfbuttonL a:visited {display:block;background-color:transparent;}.wfbuttonL a:hover,.wfbuttonL a:active {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:0px;width:0px;}</style><div class="wfbuttonL"> <a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb151_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1051509&utm_medium=wf_livejournal"><img src="http://t.webfetti.com/images/nocache/tr/wf/test/rdb/04/la/lj/backgrounds_1051509.gif" name="click_here" class="button_sizeL" /></a></div> <style type="text/css">.button_size {border-style:none;border-width:0;height:45px;width:106px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;text-align:left;width:106px;position:absolute;top:0px;right:10px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:00px;width:0px;}</style><div class="wfbutton"> <a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb131_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1051509&utm_medium=wf_livejournal"><img src="http://ak.webfetti.com/spacer.gif" name="click_here" class="button_size" /></a></div> |
BRICK WALL (most practical) |
<style>/* Webfetti Layout Begins Here */h1, h2, h3, h4, h5 {margin:0px;}#content {width:740px;margin:100px;text-align:left;}#main {width:485px;float:left;margin:0px;}#main2 {float:left;width:0%;padding:0px;}#sidebar {width:240px;float:right;margin:0px;}body {text-align:center;background-color:transparent;background-image:url(http://ak.webfetti.com/assets/layouts/g/excite_358.jpg);background-repeat:repeat;background-attachment:scroll;background-position:left top;}body, p, .post-body {}a:link, a:active, a:visited, a.username_dark:link, a.username_dark:active, a.username_dark:visited, a.link_blue:link, a.link_blue:active, a.link_blue:visited, a.link_profile_left:link, a.link_profile_left:active, a.link_profile_left:visited, a.link_profile_left_small:link, a.link_profile_left_small:active, a.link_profile_left_small:visited, a.link_white:link, a.link_white:active, a.link_white:visited {}a:hover, a.username_dark:hover, a.link_blue:hover, a.link_profile_left:hover, a.link_profile_left_small:hover, a.link_white:hover {}.post {margin-bottom:20px;padding:10px;}.date-header, .sidebar-title {}#blog-title {padding-left:10px;padding-top:5px;}strong, b {}.post-title {}.date-header, .comment-timestamp {}#blog-title {background-repeat:no-repeat;background-attachment:scroll;background-position:left top;height:115px;width:768px;}a:link img {}a:hover img {}/* Webfetti Layout Ends Here */</style><style type="text/css">.button_sizeL {border-style:none;border-width:0;height:0px;width:0px;}.wfbuttonL {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:71px;text-align:left;width:0px;position:absolute;top:0px;left:10px;z-index:10000;}.wfbuttonL a:link,.wfbuttonL a:visited {display:block;background-color:transparent;}.wfbuttonL a:hover,.wfbuttonL a:active {background:url(http://ak.webfetti.com/badge_04.gif) no-repeat left top;display:block;height:0px;width:0px;}</style><div class="wfbuttonL"> <a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb149_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052334&utm_medium=wf_blogger"><img src="http://t.webfetti.com/images/nocache/tr/wf/test/rdb/04/la/bl/backgrounds_1052334.gif" name="click_here" class="button_sizeL" /></a></div> <style type="text/css">.button_size {border-style:none;border-width:0;height:45px;width:106px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:45px;text-align:left;width:106px;position:absolute;top:30px;right:10px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;width:0px;}</style><div class="wfbutton"> <a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb129_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052334&utm_medium=wf_blogger"><img src="http://ak.webfetti.com/spacer.gif" name="click_here" class="button_size" /></a></div> |
Cool Icy Blue background. |
<style>/* Webfetti Layout Begins Here */h1, h2, h3, h4, h5 {margin:0px;}#content {width:740px;margin:0px;text-align:left;}#main {width:485px;float:left;margin:0px;}#main2 {float:left;width:100%;padding:0px;}#sidebar {width:0px;float:right;margin:0px;}body {text-align:center;background-color:transparent;background-image:url(http://ak.webfetti.com/assets/layouts/g/excite_296.jpg);background-repeat:repeat;background-attachment:scroll;background-position:left top;}body, p, .post-body {}a:link, a:active, a:visited, a.username_dark:link, a.username_dark:active, a.username_dark:visited, a.link_blue:link, a.link_blue:active, a.link_blue:visited, a.link_profile_left:link, a.link_profile_left:active, a.link_profile_left:visited, a.link_profile_left_small:link, a.link_profile_left_small:active, a.link_profile_left_small:visited, a.link_white:link, a.link_white:active, a.link_white:visited {}a:hover, a.username_dark:hover, a.link_blue:hover, a.link_profile_left:hover, a.link_profile_left_small:hover, a.link_white:hover {}.post {margin-bottom:20px;padding:10px;}.date-header, .sidebar-title {}#blog-title {padding-left:10px;padding-top:5px;}strong, b {}.post-title {}.date-header, .comment-timestamp {}#blog-title {background-repeat:no-repeat;background-attachment:scroll;background-position:left top;height:115px;width:768px;}a:link img {}a:hover img {}/* Webfetti Layout Ends Here */</style><style type="text/css">.button_sizeL {border-style:none;border-width:0;height:103px;width:0px;}.wfbuttonL {background:url(http://ak.webfetti.com/badge_02.gif) no-repeat left top;display:block;height:0px;text-align:left;width:0px;position:absolute;top:0px;left:0px;z-index:10000;}.wfbuttonL a:link,.wfbuttonL a:visited {display:block;background-color:transparent;}.wfbuttonL a:hover,.wfbuttonL a:active {background:url(http://ak.webfetti.com/badge_02.gif) no-repeat left top;display:block;height:103px;width:120px;}</style><div class="wfbuttonL"> <a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb139_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052272&utm_medium=wf_blogger"><img src="http://t.webfetti.com/images/nocache/tr/wf/test/rdb/02/la/bl/backgrounds_1052272.gif" name="click_here" class="button_sizeL" /></a></div> <style type="text/css">.button_size {border-style:none;border-width:0;height:45px;width:106px;}.wfbutton {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;text-align:left;width:0px;position:absolute;top:0px;right:0px;z-index:10000;}.wfbutton a:link,.wfbutton a:visited {display:block;background-color:transparent;}.wfbutton a:hover,.wfbutton a:active {background:url(http://ak.webfetti.com/badge_01.gif) no-repeat left top;display:block;height:0px;width:0px;}</style><div class="wfbutton"> <a href="http://webfetti.smileycentral.com/download/index.jhtml?partner=ZKzeb119_ZKfox000&utm_campaign=wf_layout&utm_source=backgrounds_1052272&utm_medium=wf_blogger"><img src="http://ak.webfetti.com/spacer.gif" name="click_here" class="button_size" /></a></div> |
No comments:
Post a Comment