This series is written by a representative of the latter group, which is comprised mostly of what might be called "productivity users" (perhaps "tinkerly productivity users?"). Though my lack of training precludes me from writing code or improving anyone else's, I can, nonetheless, try and figure out creative ways of utilizing open source programs. And again, because of my lack of expertise, though I may be capable of deploying open source programs in creative ways, my modest technical acumen hinders me from utilizing those programs in what may be the most optimal ways. The open-source character, then, of this series, consists in my presentation to the community of open source users and programmers of my own crude and halting attempts at accomplishing computing tasks, in the hope that those who are more knowledgeable than me can offer advice, alternatives, and corrections. The desired end result is the discovery, through a communal process, of optimal and/or alternate ways of accomplishing the sorts of tasks that I and other open source productivity users need to perform.

Wednesday, April 11, 2012

An explanation of html tags used at blogspot

This is just a sort of filler entry, for my own reference. It will contain an explanation of html tags blogspot posts use, and is intended to help me utilize sane editors for creating my blog entries rather than the ungainly blogger web interface. See below.

Here's a first paragraph. It consists in two sentences and, after the pariod, an extra carriage return so as to space the paragraph apart from the following paragraph.

Here's a second paragraph. It, too, consists in two sentences followed by an extra carriage return--as do all subsequent paragraphs in this test.
Here's a block quote. As all paragraphs should, it consists in at least two sentences.
Now, here's a paragraph after the block quote. Once again, we see two sentences.

Now, for a fourth paragraph that contains a link. The link is here.

Moving on to the fifth paragraph, we'll enter some bold, the italic, text. Here's the bold. Here's the italic. And here's some underlined text.

For the sixth paragraph, we'll change the font size. Let's try what they call a "large" font. Now, back to "normal" font.

In the seventh paragraph, we'll change the font face. There's not much to chose from, so here's arial. Now, back to the "default" font.

Now, we'll try inserting a numbered list, then a bulleted list. Here's the numbered list, in a new paragraph (apparently, the extra carriage return is not needed at the beginning or end of lists):
  1. item 1
  2. item 2
  3. item 3
Now, the bulleted list, in a new paragraph:
  • item 1
  • item 2
  • item 3
I'd like to insert a table, but I don't see any way to do that. So, let's try some strikethrough. Very impressive.

And, after this eleventh paragraph, a pseudo-list of a few lines of text, each on a separate line:

one
two
three

Finally, just for kicks, let's insert in this twelfth paragraph what they call a "jump break" (not sure what that is, but . . .) 
there it went.

In this thirteenth paragraph, I'll call it quits. Maybe I'll add more stuff to this file later so I can use it as an html insertion guide.

Ok, I decided I might as well have a table template thingy in here too, this this fourteenth paragraph:

Line 1 Col 1 Line 1 Col 2 Line 1 Col 3
Line 2 Col 1 Line 2 Col 3 Line 2 Col 3
Line 3 Col 1 Line 3 Col 2 Line 3 Col 3

I've found a need for a fifteenth paragraph, one that contains an image file from out on the web, that. Here it is:

To close things out, I'll post below this sixteenth paragraph the html (or whatever the code is called) of the current post, excluding this "code" part:

<div dir="ltr" style="text-align: left;" trbidi="on">
This is just a sort of filler entry, for my own reference. It will contain an explanation of html tags blogspot posts use, below.<br />
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
Here's a first paragraph. It consists in two sentences and, after the pariod, an extra carriage return so as to space the paragraph apart from the following paragraph.<br />
<br />
Here's a second paragraph. It, too, consists in two sentences followed by an extra carriage return--as do all subsequent paragraphs in this test.<br />
<blockquote class="tr_bq">
Here's a block quote. As all paragraphs should, it consists in at least two sentences.</blockquote>
Now, here's a paragraph after the block quote. Once again, we see two sentences.<br />
<br />
Now, for a fourth paragraph that contains a link. The link is <a href="http://www.google.com/">here</a>.<br />
<br />
Moving on to the fifth paragraph, we'll enter some bold, the italic, text. <b>Here's the bold</b>. <i>Here's the italic</i>. <u>And here's some underlined text</u>.<br />
<br />
For the sixth paragraph, we'll change the font size. <span class="Apple-style-span" style="font-size: large;">Let's try what they call a "large" font.</span>&nbsp;Now, back to "normal" font.<br />
<br />
In the seventh paragraph, we'll change the font face. <span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;">There's not much to chose from, so here's arial. </span><span class="Apple-style-span" style="font-family: inherit;">Now, back to the "default" font.</span><br />
<br />
Now, we'll try inserting a numbered list, then a bulleted list. Here's the numbered list, in a new paragraph (apparently, the extra carriage return is not needed at the beginning or end of lists):<br />
<div style="text-align: left;">
</div>
<ol style="text-align: left;">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ol>
Now, the bulleted list, in a new paragraph:<br />
<div style="text-align: left;">
</div>
<ul style="text-align: left;">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
I'd like to insert a table, but I don't see any way to do that. So, let's try some <strike>strikethrough</strike>. Very impressive.<br />
<br />
And, after this eleventh paragraph, a pseudo-list of a few lines of text, each on a separate line:<br />
<br />
one<br />
two<br />
three<br />
<div style="text-align: left;">
<br />
Finally, just for kicks, let's insert in this twelfth paragraph what they call a "jump break" (not sure what that is, but . . .)&nbsp;</div>
<!--more-->there it went.<br />
<div style="text-align: left;">
<br />
In this thirteenth paragraph, I'll call it quits. Maybe I'll add more stuff to this file later so I can use it as an html insertion guide.<br />
<br />
Ok, I decided I might as well have a table template thingy in here too, this this fourteenth paragraph: </div>
<br />
<table border="”1”" cellpadding="”2”" cellspacing="”2”">
<tbody>
<tr>
<td>Line 1 Col 1</td> <td>Line 1 Col 2</td> <td>Line 1 Col 3</td>
</tr>
<tr>
<td>Line 2 Col 1</td> <td>Line 2 Col 3</td> <td>Line 2 Col 3</td>
</tr>
<tr>
<td>Line 3 Col 1</td> <td>Line 3 Col 2</td> <td>Line 3 Col 3</td>
</tr>
</tbody></table>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://upload.wikimedia.org/wikipedia/commons/5/53/Teachings_of_Jesus_40_of_40._the_rapture._one_in_the_bed._Jan_Luyken_etching._Bowyer_Bible.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="150" src="http://upload.wikimedia.org/wikipedia/commons/5/53/Teachings_of_Jesus_40_of_40._the_rapture._one_in_the_bed._Jan_Luyken_etching._Bowyer_Bible.gif" width="200" /></a></div>
I've found a need for a fifteenth paragraph, one that contains an image file from out on the web, that. Here it is:<br />
<br />
To close things out, I'll post below this sixteenth paragraph the html (or whatever the code is called) of the current post, excluding this "code" part:<br />
<br /></div>

Afterthought: here's how the html for these code segments looks:

<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%"><code>SOME CODE HERE
</code></pre>

Here's an alternate, and I think better, way, of inserting code that uses the "textarea" tag:

No comments:

Post a Comment

Post a Comment