When I started this blog on Blogger.com (Blogspot), as described in the previous post - Free Blog Hosting Services, I have changed my default Web template from Google. If you have downloaded any Free Template for your blog then it's a good idea to test basic settings defined in the CSS section of your new template.


How to Test template design of various HTML tags?

The following quick HTML Test can be downloaded and you can create your own blog post on your blog to have displayed all main HTML tags. The HTML test file contains HTML code, so just copy all rows and insert to your new blog post as HTML (create New Post - don't use Compose mode but switch to Edit Html).

START of the test...

Some of selected HTML elements are tested in this post with current (default) CSS definition in the XHTML template on Blogger.com (it can be used on other platform or blogging systems as well):

<H1> header

<H2> header

<H3> header

<H4> header

<H5> header

<H6> header

---

<P>

Tested a short paragraph
aligned on the left side
of the blog page.

Tested a short paragraph
aligned on the right side
of the blog page.

---

<A>

Here's a test link to this blog My Technology Tips.

---

<BIG>

The text size is increasing :
+1 +2 +3 +4 +5 +6

---

<BLINK>

Text with a blinking part can be used.

---

<BLOCKQUOTE>

Start with Normal text.

Here can be included Quote inside the blockquote element, to
show you what this element actually does and how is configured.

Rest of the Normal text.

---

<CODE>

A "Hello, world" program in Pascal would be:

program Hello;
begin
write('Hello, world');
end.


---

<PRE>

Filename Size Date Description
------------------------------
FILE_ID.DIZ 470 15-03-08 01:00 The latest in software design.
README 1604 17-03-08 15:43
PROGRAM.ZIP 247531 15-03-08 01:00
INSTALL.EXE 19440 15-03-08 01:00

---

<DIV>

align="left"

This is just test text to see how the alignment of text inside a
DIV tag looks like. The "width" is 200px; defined in the tag.

---

<FONT>


Lets change
the
size
of
the font.



Or
give
the
font
a
nice
color.

---

<HR>

---

---

---

---

<MARQUEE>

My Technology Tips

---

<NOBR>


Cu²⁺ + 2 IO₃^- +
12 H⁺ + 12 I^-
-> CuI_(s) + 6.5 I₂ +
6 H₂O

---

<OL>

1. The first item of the list.
   
2. The second item of the list.
   

---

<SUB>

The element lets you specify glucose as C₆H₁₂O₆.

---

<SUP>

The element lets you specify a trademark ^(TM) correctly.

---

<UL>

Nested unordered lists with assigned types :

• The first item of the list.
  
• The second item of the list.
  
  
  
  • The first item of the nested list.
    
  • The second item of the nested list.
    

---

Special CHARs:

&
¶
™
©
®
€
£
∞

---

...END of the test.