junk just for me: first drafts & originals: December 2015

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.

Our website

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.

<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>

</ul>

</div>

And, the finished product will look like this :

TheGameLord

Santa

Page 2: Carols

Title Here

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.)

<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>

title

Title

title

Title

title

And, of course, the HTTP://www. URL/ is not visible when the work is completed.

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:

NeoGeo: Official Seal

Or, the actual icon fully complete with dazzling graphics:

(Just remember, too many icons can cluster the website). But, it's alot easier to locate pictures, than words. Here's a good comparison. Did you ever notice that it's easy to search through your collection of DVD's purchased from the store? While, those which are unmarked (or pirated) tend to be more difficult to organize. It's the same principle, here. Linking pictures can make faster referencing.

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:

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/

(in our example), The final html code will look like this.

...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 &clubs; &hearts; &diams;

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: &hearts; will create the ♥ character.

♣ &clubs; (or, try: ♣)

♥ &hearts; (or, input: ♥)

♦ &diams; (or, try: ♦)

♠ &spades; (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: &#8482)

� • (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>

For NEXPLORE, The sequence is obviously similar.
Mrs. Claus is simply replacing the URL link & the Title.

</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>

Note: Mrs. Claus has not created a functional Index-directory for this website.

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.

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:

Title1	Title2	Title3
Title4	Title5	Title6
Title7	Title8	Title9
Title10	Title11	Title12

<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>

Title1	Title2	Title3
Title4	Title5	Title6
Title7	Title8	Title9
Title10	Title11	Title12
Title13	Title14	Title15
Title16	Title17	Title18
Title19	Title20	Title21
Title22	Title23	Title24

So; each time you're asked for the URL

    [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>

Title1	Title2
Title3	Title4
Title5	Title6
Title7	Title8

Simply add your title here	Add any title here
don't forget to add http://url	...and So on, and; so forth
Title5	Title6
Title7	Title8

Title1	Title2	Title3	Title4
Title5	Title6	Title7	Title8
Title9	Title10	Title11	Title12
Title13	Title14	Title15	Title16

<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>

Title1	Title5	Title9	Title13
Title2	Title6	Title10	Title14
Title3	Title7	Title11	Title15
Title4	Title8	Title12	Title16

Of course,
you can choose to list numbers vertically instead.

It all depends upon your preference.

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.

<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>

<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>

Once you add URL's

[such as http://www.ask.com/ ]

http://www.bing.com/

http://www.yahoo.com/

http://myspace.com/

You may then change your visible TITLES.

"Ask.com"

Bing

Yahoo

Myspace

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.

<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>

<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>

<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>

<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>

Title1	Title2	Title3	Title4	Title5
Title6	Title7	Title8	Title9	Title10

Title1	Title2	Title3	Title4	Title5
Title6	Title7	Title8	Title9	Title10
Title11	Title12	Title13	Title14	Title15
Title16	Title17	Title18	Title19	Title20

Title1	Title2	Title3	Title4	Title5
Title6	Title7	Title8	Title9	Title10
Title11	Title12	Title13	Title14	Title15
Title16	Title17	Title18	Title19	Title20
Title21	Title22	Title23	Title24	Title25
Title26	Title27	Title28	Title29	Title30
Title31	Title32	Title33	Title34	Title35
Title36	Title37	Title38	Title39	Title40

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

-------------

or, in this case;

I've chosen

One Row

Two Rows

Four Rows

Eight Rows

<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>

<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>

<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>

<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

Plus,

I've added an extra

space

between Tables.

Title1	Title2	Title3	Title4	Title5
Title6	Title7	Title8	Title9	Title10

Title1	Title2	Title3	Title4	Title5
Title6	Title7	Title8	Title9	Title10
Title11	Title12	Title13	Title14	Title15
Title16	Title17	Title18	Title19	Title20

Title1	Title2	Title3	Title4	Title5
Title6	Title7	Title8	Title9	Title10
Title11	Title12	Title13	Title14	Title15
Title16	Title17	Title18	Title19	Title20

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>

Title1	Title2	Title3	Title4	Title5
Title6	Title7	Title8	Title9	Title10

Title1	Title2	Title3	Title4	Title5
Title6	Title7	Title8	Title9	Title10
Title11	Title12	Title13	Title14	Title15
Title16	Title17	Title18	Title19	Title20

Title1	Title2	Title3	Title4	Title5
Title6	Title7	Title8	Title9	Title10
Title11	Title12	Title13	Title14	Title15
Title16	Title17	Title18	Title19	Title20

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:

<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.

A

L

N

W

X

<br />

A New Tables Method here.<br />

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

</tr>

<tr>

</tr>

<tr>

</tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<tbody>

<tr>

</tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

<tbody>

<tr>

</tr>

</tbody></table>

<br />

-------------------------------------------------------------------------------------------------------------------------------------------

1	title1	5	Title5
2	Title2	6	Title6
3	Title3	7	Title7
4	Title4	8	Title8

9	Title9	13	Title13
10	Title10	14	Title14
11	Title11	15	Title15
12	Title12	16	Title16

17	Title17	21	Title21
18	Title18	22	Title22
19	Title19	23	Title23
20	Title20	24	Title24

<tr>

<td><a href='http://'>title1</a></td>

<td><a href='http://URL here'>Title5</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title2</a></td>

<td><a href='http://URL here'>Title6</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title3</a></td>

<td><a href='http://URL here'>Title7</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title4</a></td>

<td><a href='http://URL here'>Title8</a></td>

</tr>

</table>

<br>

<tr>

<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'>Title10</a></td>

<td><a href='http://URL here'>Title14</a></td>

</tr>

<tr>

<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'>Title12</a></td>

<td><a href='http://URL here'>Title16</a></td>

</tr>

</table>

<br>

<tr>

<td><a href='http://URL here'>Title17</a></td>

<td><a href='http://URL here'>Title21</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title18</a></td>

<td><a href='http://URL here'>Title22</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title19</a></td>

<td><a href='http://URL here'>Title23</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title20</a></td>

<td><a href='http://URL here'>Title24</a></td>

</tr>

</table>

<br>

1	title1
2	Title2
3	Title3
4	Title4

5	Title5
6	Title6
7	Title7
8	Title8

9	Title9
10	Title10
11	Title11
12	Title12

13	Title13
14	Title14
15	Title15
16	Title16

17	Title17
18	Title18
19	Title19
20	Title20

21	Title21
22	Title22
23	Title23
24	Title24

<tr>

<td><a href='http://URL here'>title1</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title2</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title3</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title4</a></td>

</tr>

</table>

<br>

<tr>

<td><a href='http://URL here'>Title5</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title6</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title7</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title8</a></td>

</tr>

</table>

<br>

<tr>

<td><a href='http://URL here'>Title9</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title10</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title11</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title12</a></td>

</tr>

</table>

<br>

<tr>

<td><a href='http://URL here'>Title13</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title14</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title15</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title16</a></td>

</tr>

</table>

<br>

<tr>

<td><a href='http://URL here'>Title17</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title18</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title19</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title20</a></td>

</tr>

</table>

<br>

<tr>

<td><a href='http://URL here'>Title21</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title22</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title23</a></td>

</tr>

<tr>

<td><a href='http://URL here'>Title24</a></td>

</tr>

</table>

A New Tables Method Here.

A

L

N

W

X

-------------------------------------------------------------------------------------------------------------------------------------------

<div>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

</div>

<div>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

</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:

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.

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>
        

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)

Stars & Purple Skyline

BRICK WALL (most practical)

Cool Icy Blue background.

junk just for me: first drafts & originals

Thursday, December 31, 2015

Contributors