You can follow the sample code for this tutorial below:

A CSS float property looks like this:

.right {float: right;}

Step by Step: Floating an Image to the Right

Step 1: Start with a paragraph of text and an image

For example, your paragraph will look like this:

<p>As jy soek na gratis PowerPoint templates het, het jy op die regte plek. Ons het ‘n groot versameling van agtergronde, voorlegte, en meer inspirerende free stuff pragtige presentaties op te bou. Alle temas ontwerp is gratis om af te laai en ook 2 of meer skyfies gereed-vir-gebruik. Aflaai, pak en neem die volle beheer oor jou PowerPoint voorleggings.</p>

Step 2: Apply float: right to the image

If you want your image to be displayed to the right side of your paragraph, then “float: right” is applied. In this case, the name of the class is “.right” but you can try to use other name as well.

<style type=”text/css”>

.right

{

float: right;

}

</style>

<p><img class=”right” src=”rect.png” width=”100″ height=”100″>As jy soek na gratis PowerPoint templates het, het jy op die regte plek. Ons het ‘n groot versameling van agtergronde, voorlegte, en meer inspirerende free stuff pragtige presentaties op te bou. Alle temas ontwerp is gratis om af te laai en ook 2 of meer skyfies gereed-vir-gebruik. Aflaai, pak en neem die volle beheer oor jou PowerPoint voorleggings.<p>

How can i do that? There’s no need long list of code, or complex JavaScript code, but it just use pure simple HTML tags.

Copy and paste the code below into your web page where you would like to embed the web page that you like.

See the preview:

It’s really FREE! It helps you to test your web design in different kind of browsers so you don’t really have to install them on your computer.

BrowserShots Features

* You can preview website design across almost 40 different browsers (Firefox, IE, Opera, Chrome, Konqueror, etc.).

* Can click to have full screen preview for each selected browser.

Besides, you also can access a website which is blocked by your ISP.

The Title Tag is Very Important. Why?

As we know that there are many search engines around us and each ranked web sites in different algorithms. But the interesting fact is that all search engines gives more importance to a web site title tag while manipulating their ranking algorithms. So, I am sure title tag is crucial for search engines in their ranking calculations.

Search engines read your web site title and page contents, and if your web site title and content are matched, then your page will ranked high for the keyword phrases used in the title tag. If your web site title text differs from your page contents, then you will not get a good rank of it. So be careful while preparing your web page title.

For example if your page describes the something about financial freedom ideas, and your title tag contains: “Ways to Improve Money Making Skills” is not good, but if you are going to use: “Financial Freedom Ideas For Your Own Future” I think it is more accurate to your page contents. Also search engines will list your pages, if someone searching pages related to financial freedom ideas.

So, the Title tag is important to search engine as:

- The contents of the TITLE tag are mostly used by search engines bots to index the page.

- When search on any search engine, and you’ll see that the content of this tag used in the anchor text of the links for each web site.

Here’s the code for creating an onclick image swap effect, just follow it step by step:

Click here to download sample file.

<BLINK>: Mozilla Firefox

<MARQUEE>: Internet Explorer

BLINK Tag

This tag can be supppored only by Netscape. IE ignores this tag. So if you are using Internet Explorer you wouldn’t see the blinking text below.

<BLINK>Blinking Text</BLINK>

Advantage: It is a standard HTML tag which is actually easiest way to grab visitors attention to something you think that is important in your page.

MARQUEE Tag

This tag provides some animated text. Unfortunately, it is supported only by Internet Explorer. It creates a scrolling text marquee. Besides that, you can also set delay for your animated text.

<MARQUEE scrolldelay=”500″ width=”200″>Scrolling Text</ MARQUEE>

Difference Between http and https

As in known, HTTPS session normally runs on TCP port 443, but HTTP which runs on port 80.

http:// means that the website is talking to your browser using the unsecure language. In the other words, it’s possible for someone to hack into your conversation with the website. If you fill out a form on the website, someone might see the information you send to that site. This is the reason why you never ever enter your credit card number in an http website!

However, if the web address begins with https://, that basically means your computer is talking to the website in a secure language that prevent unauthorized access. In the other words, this is actually happening when the data is being encrypted both ways from your computer to the website and visa versa. All this happened by using SSL certificate. So, this is mostly used for exchanging confidential information with a server.

The COLSPAN attribute is to make a cell span multiple columns. It spans the columns and will make your table cell span horizontally.

So, here we go!! I decided to share some really basic source code. Here’s the example shows in an alert dialog box with the length of the string “My Name is David”

Besides, you also can try to do this -> “My Name is David”.length , which is what the example button above is doing in the onclick event handler.

Why Web Developer Need To Know This?

This technique is very useful when validating a form where a textfield should not be empty.