Nice HTML Tag, Fieldset and Legend

There are a few times that I am asked to make something like this.

I used to think I have to do this by CSS, until recently, I ran into two html tags.

Fieldset and Legend which do just the same thing.

Here is it, of course you have to give style to them with CSS


Very userful tag.


Useful HTML special character

Character Representation
Non-Breaking Space &nbsp;
< &lt;
> &gt;
& &amp;
© &copy;
® &reg;
¢ &cent;
° &deg;
² &sup2;
» &raquo;
« &laquo;
¼ &frac14;
½ &frac12;
¾ &frac34;
± &plusmn;
ü &uuml;
Ø &Oslash;
¡ &iexcl;
ñ &ntilde;

1pixel border <table> using CSS

If you trying to do this by setting border of <table>, <tr>, <td>,
you won’t get what you want.

Let’s cut the crap, just use this style.
table, td{
border-color: #000000;
border-style: solid;
border-width: 0 0 1px 1px;
border-spacing: 0;
border-collapse: collapse;
margin: 0;
border-width: 1px 1px 0 0;

build web site basic steps

Preparation :

I use xampp as my environmemt, which is apache+php+mysql+etc.

I have tried both normal and lite version.

If you are not doing any CGI like perl, I think lite is enough.

Just unpack it, run xampp-control to start your apache.

If you are using Skype, please do some configuration.

turn off skype->option->advance->connection->use port 80

because many people ask me this question.

Then you are ready to develop and test your own website.

Import CSS to html

I like to use the html+CSS+Javascript approach.

Which is html handle only content, CSS handle layout and style, Javascript handle interaction.

Try not to mix these content together which will get nasty after sometime.

First of all, import a CSS, there are two ways, I prefer the 1st

put one of them inside your <head> tag

1. <link href=”css/template.css” rel=”stylesheet” type=”text/css” />
2.<style type=”text/css”>
@import url(“css/template.css”);

Basic testing and practice

make sure your link is correct and put the .html and .css files under
htdocs is where your web root location.
for example if I put them under xampp/htdocs/maxiweb/
the url will be http://localhost/maxiweb/

and also try to put CSS inside a css folder, images inside images, it is a good practice.
basically something like this.

I will get deeper in some other articles as I learn more. About CSS, PHP, Javascript and etc.

Thanks for reading my post ;P